/******************************************************
  EdavkiPortal css
***/

@font-face {
	font-family: 'Republika';
	src: url(../fonts/Republika/republika-regular-webfont.eot);
	src: url(../fonts/Republika/republika-regular-webfont.eot?#iefix) format('embedded-opentype'),
		 url(../fonts/Republika/republika-regular-webfont.woff) format('woff'),
		 url(../fonts/Republika/republika-regular-webfont.woff2) format('woff2'), 
		 url(../fonts/Republika/republika-regular-webfont.ttf) format('truetype'), 
		 url(../fonts/Republika/republika-regular-webfont.svg#Republika) format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Republika';
	src: url(../fonts/Republika/republika-bold-webfont.eot);
	src: url(../fonts/Republika/republika-bold-webfont.eot?#iefix) format('embedded-opentype'),
		 url(../fonts/Republika/republika-bold-webfont.woff) format('woff'),
		 url(../fonts/Republika/republika-bold-webfont.woff2) format('woff2'),
		 url(../fonts/Republika/republika-bold-webfont.ttf) format('truetype'),
		 url(../fonts/Republika/republika-bold-webfont.svg#Republika) format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face {
  font-family: Lato;
  src: url('../fonts/Lato/Lato-Regular.eot');
  src: url('../fonts/Lato/Lato-Regular.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Lato/Lato-Regular.woff') format('woff'),
  url('../fonts/Lato/Lato-Regular.woff2') format('woff2'),
  url('../fonts/Lato/Lato-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: Lato Bold;
  src: url('../fonts/Lato/Lato-Bold.eot');
  src: url('../fonts/Lato/Lato-Bold.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Lato/Lato-Bold.woff') format('woff'),
  url('../fonts/Lato/Lato-Bold.woff2') format('woff2'),
  url('../fonts/Lato/Lato-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

span.icon:not([class*='icon-']) {margin-right: 0;}

body { 
    margin: 0;
    padding-bottom: 0;
    color:#606060;
    background-color: #f6f6f6;
    font-family: Lato, Arial, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

body.scale08 { 
  transform: scale(0.8);
  transform-origin: 0 0;
}


body.scale06 { 
  transform: scale(0.64);
  transform-origin: 0 0;
}

html {height: 100%;}
html.www body {font-size: 14.6px;}
#ngdivPnlErr {font-size: 13.5px;}

.divcook {display:none;}

body.siteopenm {min-width: 320px; height: auto;}
.master_op_center {margin: auto; max-width: 999px; min-width: 320px; padding: 0 2px; }
.op_center {margin: auto; max-width: 100%; min-width: 320px; padding: 0 5px; }
.openp_edit {padding:10px;}

.pp_full { padding: 0 5px; min-width: 320px;}
.pp_foot_full { padding: 0 5px; min-width: 320px; margin: 0px 50px; }

div.mobileapp {padding-left: 7px !important;}
html[data-useragent*='MSIE 10.0'] .pages-content-wrapper {padding: 0 12px 0 5px}

ul ul li::marker {color: black; font-size: 1em; content: "• "; } /* black dot at second level also */

html.mobile .pp_full { padding: 0;}
html.mobile .pp_foot_full { padding: 0 3px; margin: 0; }
/*html.mobile .pages-content-wrapper {padding: 0}*/
html.mobile[data-useragent*='MSIE 10.0'] .pages-content-wrapper {padding: 0}

/*div.mobileapp table.full, .appmobile full {width:95%;}*/


.ellipsis   {text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;}
html.mobile .m_ellips9 {max-width: 9em; min-width: 9em;  text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;}
html.mobile .m_ellips7 {max-width: 7em; min-width: 7em;  text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;}
html.mobile .m_ellips6 {max-width: 6em; min-width: 6em;  text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;}
html.mobile .m_ellips5 {max-width: 5em; min-width: 5em;  text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;}
html.mobile .m_ellips4 {max-width: 4em; min-width: 4em;  text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;}
html.mobile .m_ellips3 {max-width: 3em; min-width: 3em;  text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;}

.ellipsis22em { max-width: 22em; min-width: 22em;  text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;}
html.mobile .ellipsis22em { max-width: 12em; min-width: 12em;  text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;}
.ellipsis33em { max-width: 33em; min-width: 33em;  text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;}
html.mobile .ellipsis33em { max-width: 20em; min-width: 20em;  text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;}
.ellipsis40em { max-width: 40em; min-width: 40em;  text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;}
html.mobile .ellipsis40em { max-width: 20em; min-width: 20em;  text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;}

.card_ellipsis { max-width: 12em; min-width: 12em;  text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;}
html.mobile .card_ellipsis { max-width: 8em; min-width: 8em;  text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;}

.card_ellipsis6 { max-width: 6em; min-width: 6em;  text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;}
.card_ellipsis4 { max-width: 4em; min-width: 4em;  text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;}

html.www .nowww {display: none;}
/*992*/
html.mobile .nomobile {display: none;}
/*600*/
html.mobileM .nomobileM {display: none;}
/*600 - mobileapp webview*/
div.mobileapp .nomobileapp  {display: none;}

html.mobile .mobilefull {width: 100% !important;}

.pponly {display:none !important;}
html.ispersonal .pponly {display:inline !important;}
html.ispersonal .no-pp {display:none !important;}

/* visible only in cmedit mode*/
.cmeditonly  {display: none;}
html.cmedit .cmeditonly  {display: inline;}

/*open portal pages*/
#page-content-wrapper.popend .nopopen {display: none;}
#page-content-wrapper.pclosed .nopclosed {display: none;}

html.www #page-content-wrapper.popend .centerifopenp { margin: auto; width: 990px;}
html.www #page-content-wrapper.popend .breadcrumbslm { margin: auto; width: 990px;}

html.pgshort .nopgshort {display: none;}



.menubtn {
	float: left;
	margin: 6px;
	color: black;
	height: 36px;
	background-color: white;
}


   /***************/
   /*** BASICS ***/
   /*************/

.hxbig {font-size: 66px;  font-family:Republika;}
.hbig {font-size: 46px;  font-family:Republika;}
h1, .h1, .h1 span  {font-size: 32px; font-family:Republika;}
h2, .h2, .h2 span  {font-size: 25px; font-family:Republika;}
h3, .h3, .h3 span {font-size: 20px;}
h4, .h4, .h4 span {font-size: 18px;}
h5, .h5, .h5 span  {font-size: 16px;}
h6, .h6, .h6 span  {font-size: 14px;}
.h7, .h7 span  {font-size: 12px;}
.h8, .h8 span  {font-size: 10px;}

html.mobile h1, html.mobile .h1 {font-size: 28px; }
html.mobile h2, html.mobile .h2 {font-size: 23px; }
html.mobile h3, html.mobile .h3 {font-size: 18px; }
html.mobile h4, html.mobile .h4 {font-size: 16px; }
html.mobile h5, html.mobile .h5 {font-size: 14px; }
html.mobile h6, html.mobile .h6 {font-size: 11px; }
html.mobile .h7 {font-size: 9px; }
html.mobile .h8 {font-size: 8px; }


.edavkichelp h1 {font-size: 22px; font-family:Republika; color: #2D7C9A;}
.edavkichelp h2 {font-size: 19px; font-family:Lato; color: #606060;}
.edavkichelp h3 {font-size: 17px; font-family:Lato; color: #606060;}
.edavkichelp h4 {font-size: 15px; font-family:Lato; color: #606060;}
.edavkichelp h5 {font-size: 13.8px; color: #606060;}
.edavkichelp h6 {font-size: 11px; color: #606060;}
.edavkichelp {padding:20px;}

.republika {font-family:Republika;}

h1 {margin-top: 20px; margin-bottom: 10px;}
h2 {margin-top: 10px; margin-bottom: 7px;}
h3 {margin-top: 5px; margin-bottom: 4px;}
.h1, .h2, .h3, .h4, .h5, .h6 {margin-top: 10px; margin-bottom: 10px; /*line-height: 1.4;*/}
h1 b, h2 b, h3 b {font-weight:normal}

/* except */
h3 span[id*='lblCurrency'], .lblCurrency {font-size: 12px !important;}
.currencyright {font-size: 11px !important;text-align: right;}
 
p { color:#444; }
.alertlabel p, .errorlabel p, .oklabel p {color: #fff;}

/*.h1, .h2, .h3, .h4, .h5, .h6*/
.m0 {margin:0 0}
.mL0 {margin-left:0}
.mL10 {margin-left:10pt}
.mR10 {margin-right:10pt}
.mR1em {margin-right:1em}
.mL0 input[type="checkbox"] {margin-left:0}

.mL {margin-left:0.3em}
.mL4px {margin-left:4px}
.mR {margin-right:0.3em;}
.m10 {margin:10px}
.pLR {padding: 0 5px;}
.mL10em {margin-left:10em}

.pR10 {padding-right: 10px;}
.pR20 {padding-right: 20px;}
.pR30 {padding-right: 30px;}
.pL10 {padding-left: 10px;}
.pRem1 { padding: 1rem; }

.pL1em { padding-left: 1em !important; }
.pL2em { padding-left: 2em !important; }
.pL4em { padding-left: 4em !important; }
.pL6em { padding-left: 6em !important; }

.txt-img-flow { display: inline-block;}
.txt-img-flow:empty { display: inline;}

.transparent {filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }
.transparent07 {filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; }

img {margin-bottom: -0px;} /* w3c -5px reset*/
   /**** angular ui bootstrap empty href fix ****/
/*.nav, .pagination, .carousel, .panel-title a { cursor: pointer; }*/

/* removeChrome Datalist Dropdown Arrow  - fix */
input::-webkit-calendar-picker-indicator {display: none !important;}

/* widths */
.w10 { width: 10px; }
.w20 { width: 20px; }
.w30 { width: 30px; }
.w40 { width: 40px; }
.w60 { width: 60px; }
.w80 { width: 80px; }
.w100 { width: 100px; }
.w150 { width: 150px; }

.w_full{ width: 100%; }

.autovert{overflow-y: auto}
.autohoriz{overflow-x: auto}

.w30block {
	width: 30px !important;
	display: inline-block;
}

.comboboxW {width: 30em;}
.comboboxWW {width: 50em;}
.comboboxWR {width: 30em; float: right;}
.wInput { width:12em; }
.wInputW { width: 20em;}
.wInputWW { width: 50em;}
.wInputCut { max-width: 12em; min-width: 12em;  text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden; }
.wInputWCut { max-width: 20em; min-width: 20em;  text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;}
.wInputWR{ width: 20em; float: right; margin-left: 10px;}
.wDocIdW { width: 22em; }
.wName { width:20em; }
.wNameFirst { width:12em; }
.wNameLast { width:12em; }
.wEmail { width:20em; }/* max 254 */
.wPhone { width:20em; }/* max 35, 50, 100 ? */
.wAddr { width:12em; }
.wCity { width:8em; }
.wPost { width:8em; }
.wPostNum { width:4em; }
.wStreet { width:12em; }
.wStreetN { width:3em; }
.wCountry { width:12em; }
.wDS { width:6em; }
.wDate { width:10rem; }
.wYear { width:4em; }
.wMMYY { width:7em; }
.wMonth { width:4em; }
.wPercent { width:4em; }
.wCurr {width:6em}
.wCurrM {width:8em}
.wCurrW {width:12em}

.wrInput { width:12rem; }
.wrInputW { width: 20rem;}

.w100m30 { width: 100px; }
html.mobile .w100m30 {width: 30px;}

html.mobile .comboboxW {width: 20em;}
html.mobile .comboboxWW {width: 20em;}
html.mobile .wInput { width: 8em; }
html.mobile .wInputW { width: 14em; }
html.mobile .wInputWW { width: 14em; }
html.mobile .wInputCut { max-width: 8em; min-width: 8em;  text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden; }
html.mobile .wInputWCut { max-width: 12em; min-width: 12em;  text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;}
html.mobile .wDocIdW { width: 10em; }
html.mobile .wName { width:12em; }
html.mobile .wNameFirst { width:8em; }
html.mobile .wNameLast { width:8em; }
html.mobile .wEmail { width:12em; }/* max 254 */
html.mobile .wPhone { width:12em; }/* max 35, 50, 100 ? */
html.mobile .wAddr { width:12em; }
html.mobile .wCity { width:8em; }
html.mobile .wPost { width:8em; }
html.mobile .wPostNum { width:6em; }
html.mobile .wStreet { width:8em; }
html.mobile .wStreetN { width:3em; }
html.mobile .wCountry { width:8em; }
html.mobile .wDS { width:6em; }
html.mobile .wDate { width:6em; }
html.mobile .wYear { width:4em; }
html.mobile .wMMYY { width:6em; }
html.mobile .wMonth { width:4em; }
html.mobile .wCurrW {width:6em}

.mw10em {min-width:10em;}
.mw20em {min-width:20em;}
.mw30em {min-width:30em;}
.mw30p {min-width:33%;}
.mw50p {min-width:50%;}

.mxw10em {max-width:10em;}
.mxw15em {max-width:15em;}
.mxw20em {max-width:20em;}
.mxw30em {max-width:30em;}
.mxw40em {max-width:40em;}
.mxw50em {max-width:50em;}
.mxw80em {max-width:80em;}

.min-content {max-width: min-content !important;}

.w30p { width:33%;}
.w50p { width:50% }
.w70p { width:70% }
.w80p { width:80% }

.xw10em {width:10em;}
.xw16em {width:16em;}
.xw18em {width:18em;}
.xw20em {width:20em;}
.xw22em {width:22em;}
.xw50em {width:50em;}

html.mobile .mw10em {min-width:initial;}

html.mobile .xw10em {width:initial; min-width:30%;}
html.mobile .xw16em {width:initial; min-width:30%;}
html.mobile .xw18em {width:initial; min-width:30%;}
html.mobile .xw20em {width:initial; min-width:30%;}
html.mobile .xw22em {width:initial; min-width:30%;}
html.mobile .xw50em {width:initial; min-width:30em;}

.mfull {min-width:50%; }
html.mobile .mfull {width:100% }

.w8em  { width: 8em;  }
.w10em { width: 10em; }
.w14em { width: 14em; }
.w16em { width: 16em; }
.w20em { width: 20em; }
.w30em { width: 30em; }
.w40em { width: 40em; }
.w50em { width: 50em; }
.w60em { width: 60em; }
.w80em { width: 80em; }
.w100em { width: 100em; }

.wr8em  { width: 8rem;  }
.wr10em { width: 10rem; }
.wr12em { width: 12rem; }
.wr14em { width: 14rem; }
.wr16em { width: 16rem; }
.wr20em { width: 20rem; }
.wr30em { width: 30rem; }
.wr40em { width: 40rem; }
.wr50em { width: 50rem; }
.wr60em { width: 60rem; }
.wr80em { width: 80rem; }
.wr100em { width: 100rem; }

.h1em {height:1em;}
.h3em {height:3em;}
.h4em {height:4em;}
.h5em {height:5em;}

.bold { font-weight: bold; }
.center { text-align:center;}
.left { text-align: left;}
.right { text-align: right;}

.uppercase {text-transform: uppercase;}
.lowercase {text-transform: lowercase;}
.capitalize {text-transform: capitalize;}
.cap-adj {font-size-adjust: cap-height 0.68;}

/* padding */
.p0 { padding-left:0; padding-right:0;}
.p1 { padding-left: 15pt !important; }
.p2 { padding-left: 30pt !important; }
.p3 { padding-left: 45pt !important; }

.top1 {padding-top:5px;}
.top2 {padding-top:10px;}
.top3 {padding-top:15px;}
.bot1 {padding-bottom:5px;}
.bot2 {padding-bottom:10px;}
.bot3 {padding-bottom:15px;}
.bot5 {padding-bottom:25px;}

.lh1 {line-height: 35px;}
.lh2 {line-height: 45px;}
.lh3 {line-height: 55px;}
.lh2em {line-height: 2em;}
.lh3em {line-height: 3em;}

/*colors*/
.c_title {color: #2b5874;}
.c_active {color: #2D7C9A;}
.c_white {color:white}

.c_topmenu {color:#e9e9e9}
.c_topmenu-a {color:#EAEAEA}
.c_topmenu-h {background-color:#fff}
.c_topmenu-a-bgr {background-color:#143240}
.c_topmenu-h-bgr {background-color:#143240}
.c_topmenu-bgr {background-color:#1E4760}

.c_leftmenu {color:#606060}
.c_leftmenu-a {color:#EAEAEA}
.c_leftmenu-h {background-color:#fff}
.c_leftmenu-a-bgr {background-color:#2D7C9A}
.c_leftmenu-h-bgr {background-color:#77b4cb}
.c_leftmenu-bgr {background-color:#E9E9E9}

.c_mainmenu {color:#1E4760}
.c_mainmenu-a {color:#fff}
.c_mainmenu-h {background-color:#fff}
.c_mainmenu-a-bgr {background-color:#2D7C9A}
.c_mainmenu-h-bgr {background-color:#2D7C9A}
.c_mainmenu-bgr {background-color:#E9E9E9}

.c_dd-hdritem-bgr {background-color:#C4D7DE}

.iesign-c {color:#5b5b5b}
.iesign-bgr {background-color:#fff}

.colorrepresented {  background-color: #eae2d494;}
.c_error {color:#C90808 ;}
.c_bgr_error {background-color: #2D7C9A;}
.c_warning {color:#F07410;}
.c_warning1 {color:#B210F0;}
.c_bgr_warning {background-color:#F07410;}
.c_bgr_select {background-color:#E0D6F7;}
.c_openwrnbgr {background-color:#EAEAEA}
.c_ok {color: #699540}
.c_ok_bgr {background-color: #699540}
.c_ok_bgr_light {background-color: #daeee7;}
.c_tbl_bgr {background-color:#EAEAEA} /*F5F6F8*/
.c_popup_hdr {color:#fff; background-color: #2D7C9A;} 
.c_loginpages {color:#fff; background-color: #2D7C9A;}
.c_bgr_unread {	background-color: #fff; color:#1c1c1c}
.c_bgr_itemselected {background-color:#ECE8F5;}

.c_topmenu-bgr a {color:#5198B4;}

.bgTitle1 {background-color: #C8D3D7; color: #1c1c1c;padding: 2px 5px 1px 5px;}
.bgTitle2 {background-color: #D6DEE1; color: #1c1c1c;padding: 2px 5px 1px 5px; font-size: small;}
.bgTitle3 {background-color: #E4E9EC; color: #1c1c1c;padding: 2px 5px 1px 5px; font-size: small;}
.padd0 {padding: 0 !important;}
.cTitle1 {color: #C8D3D7;}
.cTitle2 {color: #D2DADD;}
.cTitle3 {color: #E4E9EC;}

.bg-currency-poz  {background-color: #f0a7a7 !important; }
.bg-currency-neg  {background-color: #8eea8e !important; }

.log-content {
  word-wrap: break-word;
  white-space: pre-wrap;
}

table.fixed{
   table-layout:fixed;
   width: 100%;       
   display: table;  
}
table.fixed td {width: 99%; }
table.fixed td:first-child {width: 8em; }

.max-width-calc {
  width: -webkit-calc(100% - 10px);
  width: -moz-calc(100% - 10px);
  width: calc(100% - 10px);
  word-wrap: break-word;
  white-space: pre-wrap;
  display: inline-block;
}

.lblHelpReadonly {background-color: #DBDBDB; border:1px solid #aaa; width:100px; height:22px;}
.lblHelpCalcOverw {background-color: papayawhip; border:1px solid #aaa;  width:100px; height:22px;}


 /* alignment*/
.va_super {vertical-align: super;}
.va_middle {vertical-align: middle;}
.va_top { vertical-align:top;}
tr.tdtop td { vertical-align:top;}
.va_bottom { vertical-align:bottom;}
.va_sub {vertical-align: sub;}
.va_tb {vertical-align: text-bottom;}
.va_flex_bottom {display: flex;align-items: flex-end;}
.va_flex_center {display: flex;align-items: center;}
.flex {display: flex;}
.nooverflow {overflow: hidden}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {/*-webkit-appearance: none; */ margin: 0; }
input[type=number]::-webkit-inner-spin-button {opacity: 0.7;}
/* Firefox */
input[type=number].hhmm {-moz-appearance: textfield;}

input[type="checkbox"] { filter: invert(0%) hue-rotate(150deg) brightness(1.3); }
input[type="checkbox"]:checked { filter: invert(80%) hue-rotate(209deg) brightness(1.9); opacity:0.8 }
/*input[type="checkbox"][disabled="disabled"] { filter: invert(0%) hue-rotate(150deg) brightness(1.1); }*/

::selection { background: #c0b2ce; }
::-moz-selection { background: #c0b2ce; }
::-webkit-selection { background: #c0b2ce; }



hr {
    margin-top: 15px;
    margin-bottom: 15px;
    border: 0;
    border-top: 1px solid #C0CACB;
}

.hr-left {border-left: 1px solid #C0CACB;}
.hr-right {border-left: 1px solid #C0CACB;}
.hr-top {border-top: 1px solid #C0CACB;}
.hr-bottom {border-bottom: 1px solid #C0CACB;}

.hr-top-1 {border-top: 1px solid #C0CACB;}
.hr-top-1:first-child{border-top: 0}

li p.li:first-child {padding-top:0.5em; padding-left:0;}
li p.li {margin: 2px; color: #444; padding-left:10px;}

.inlineb, .inline {display: inline-block;}
.inline0 {display: inline;}
.block {display: block;}
.nodecor, .nodecor:hover {text-decoration: none;}

.show {display: inline !important;}
.hide {display: none !important; }
.inithiden {display: none !important; }
.offscreen {
  border: 0;
  clip: rect(0 0 0 0);
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
/*  height: 1px;
  width: 1px;
*/}
.sr-only {
  position: absolute;
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  right: 99%;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 - a 0 height clip, off to the bottom right of the visible 1px box */
  clip: rect(1px, 1px, 1px, 1px); /*maybe deprecated but we need to support legacy browsers */
  clip-path: inset(50%); /*modern browsers, clip-path works inwards from each corner*/
  white-space: nowrap;
  border: 0;
}

.animate-hide {
  opacity: 1;

  overflow: hidden;
  height: auto;
  /*transform: scaleY(1);
  transform-origin: top;
  transition: transform 0.6s ease-out;
  */
  max-height: 1000px;
  transition: opacity 0.6s linear, max-height 0.6s ease-in;
}
.animate-hide.hh2 {
  max-height: 2000px;
}

.animate-hide.ng-hide {
  display: inline-block !important;
  opacity: 0;
  /*transform: scaleY(0);
    transition: transform 0.6s ease-in;
  */
  max-height: 0;
  overflow: hidden;
  transition: opacity 0.6s linear, max-height 0.6s ease-out;
}





/* special styles */

.butt3icon {font-size: 66px;  font-family:Republika;}
.butt3title {display: block;}
.editing .butt3title {display: inline;}
.newtdleft {padding-left: 1.5em;}

html.mobile .butt3icon {font-size: 46px;  font-family:Republika; margin: 0;}
html.mobile .butt3title {display: inline;}

.onecolumn {margin-left: 10px;}
.leftcolumn {margin-left: 10px;}
.rightcolumn {padding-left: 10px; border-left: white solid 1px;}
html.mobile .rightcolumn {border-left:none; padding-left: 10px;}

#OpenMainContent_lblUser {vertical-align: bottom;}
#rowrepresentedlbl { display: inline-block; vertical-align: bottom; max-width: 40em; min-width: 30em;  text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;}
html.mobile #rowrepresentedlbl {  max-width: 22em; min-width: 22em; }
html.mobile #DursLegalFooterText { display: inline-block; max-width: 40em; min-width: 30em;  text-overflow: ellipsis; overflow: hidden;}

.footVsizapisi, .instruct,.instruct1, .extmsg {
	text-align: left;
	background-color: #EFECC9;
	font-style: italic;
	font-size: 13.8px;
	padding: 7px 5px 3px 5px;
  opacity: 0.8;
}

.instruct p, .instruct1 p {background-color:none; margin:0; /*margin-left: 5px;*/ }
/*.instruct p b, .instruct1 p b  {margin-left: -5px; }*/

.footVsizapisi, .extmsg { display:block; }

.instruct:empty, .instruct1:empty {
  display:none;
}

.instruct pre {
  display: table-cell;
  line-height: 1.3em;
  font-family: Lato, Arial, sans-serif;
  font-size: 13.8px;
  opacity: 0.8;
}

.break-spaces {
  white-space: break-spaces  !important;
}


.rowrepresented
{
    background-color: #1E4759;  /*#396663;*/
    color: white;
    font-size: 13.8px;
    padding-right: 60px;
    letter-spacing: 0.07em;
}

html.mobile .rowrepresented .row {display:flex;}
html.mobile html[data-useragent*='MSIE 10.0'] .fright  { float: none;}

.rowrepresentedico
{
  vertical-align: sub; 
  color:  rgba(255, 208, 66, 1);
  font-size:18px;
}

.selrepresentedwrn{
  color:rgba(255, 208, 66, 1);
  font-size: 14px;
}

#selrepresented 
{
    width: 200px;
    background-color: #fbfbfb;
    color:#396663;
    border-style: none;
    height: 18px;
    padding-left: 3px;
}

#selrepresented::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color:#aaa;
}
#selrepresented::-moz-placeholder { /* Firefox 19+ */
    color:#aaa;
}
#selrepresented:-ms-input-placeholder { /* IE 10+ */
    color:#aaa;
}

a {color: #2D7C9A;text-decoration:none;}
a:focus {color: #2D7C9A; opacity:0.99; text-decoration: none;}
a:hover {color: #044057; opacity:0.99; text-decoration: none;}
h1:hover {color: #044057; opacity:0.99; text-decoration: none; }
h1:active, h1:hover, h1:focus {outline: 0;}
p:active, p:hover, p:focus {outline: 0;}
label:active, label:hover, label:focus {outline: 0;}


a.xfileUpload:hover, a.xfileUpload:focus {color: #e6e9ea;}
a:focus-visible {outline: 2px solid #9eb4c2; font-size: 1.2em; outline-offset: 3px;}
 
a.disabled, a.aspNetDisabled {cursor:default;pointer-events: none;opacity: 0.6;color: #333333;text-decoration:none;}
a[disabled]  {cursor:default;pointer-events: none;opacity: 0.6;}

a .c_title {color: #256E8A;}

.cursor {cursor:default;}

.c_loginpages p { color:#EAEAEA; }
.c_loginpages .pages-content-wrapper li, .c_loginpages #page-content-wrapper li { color:#D2DADD; }
.c_loginpages p::not(.footer1) { color:#fff; }

.c_loginpages .pages-content-wrapper a, .c_loginpages #page-content-wrapper a, .c_loginpages#page-content-wrapper .wizzart a {color:#D2DADD; text-decoration: underline;}
.c_loginpages .pages-content-wrapper li a, .c_loginpages #page-content-wrapper li a, .c_loginpages#page-content-wrapper .wizzart li a {text-decoration: none;}

.c_loginpages .pages-content-wrapper a.bttnDarkBlue, .c_loginpages #page-content-wrapper a.bttnDarkBlue {/*color:#D2DADD;*/ text-decoration: none;}

.c_loginpages .breadcrumb a {color:white; text-decoration:none;}
.c_loginpages a:hover::not(.footer1), a.c_loginpages :focus {color: white;opacity:0.77;text-decoration: none;}
.c_loginpages a.disabled {cursor:default;pointer-events: none;opacity: 0.6;color: #606060;text-decoration:none;}
.c_loginpages .instruct, .c_loginpages .instruct1 { color:#fff; background-color:#5b8798; font-style:italic}
.c_loginpages input[type="button"], .c_loginpages input[type="submit"], .c_loginpages button, .c_loginpages .buttonx, .c_loginpages .buttonxx, .c_loginpages .btnintext {color:#D2DADD; background-color: #1E4759;}
.c_loginpages .divbtn {color: #D2DADD !important;background-color: #1E4759 !important;height: 2.2em;padding-top: 6px;width: 49.7%;}
.breadcrumb a {text-decoration:none !important;}

.c_loginpages .alertpanel h3,
.c_loginpages .alertpanel p,
.c_loginpages .errorpanel h3,
.c_loginpages .errorpanel p,
.c_loginpages .okpanel h3,
.c_loginpages .okpanel p,
.c_loginpages .breakLongLinks {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-wrap: break-word;
}
.c_loginpages .alertpanel p a:hover,
.c_loginpages .alertpanel p a:focus,
.c_loginpages .errorpanel p a:hover,
.c_loginpages .errorpanel p a:focus,
.c_loginpages .okpanel p a:hover,
.c_loginpages .okpanel p a:focus {color: #5198B4;opacity:0.77;text-decoration: none;}

.wizzdlg {border-top:solid 3px #5198B4 !important; border-bottom:solid 4px #5198B4 !important; margin-bottom:1.3em !important; }
.wizzdlg table {width:100%;}

.logotype-edavki {
  background-image: url(img/edpicon-logotype-edavki.svg);
  background-size: 103px;
  height: 35px;
  background-repeat: no-repeat;
  background-position: center left;
  cursor: pointer;
}

.logotype-grb-rs {
    background-image: url(img/edpicon-grb-rs.svg);
    background-size: 23px;
    line-height: 30px;
    padding-left: 28px;
    padding-top: 5px;
    padding-bottom: 6px;
    background-repeat: no-repeat;
}

.logotype-grb-rs.logotype-grb-rs-small {
    background-size: 18px;
    padding-left: 24px;
}

.logotype-furs {
background: url(img/furs-logo-x.svg) no-repeat;
    background-size: contain;
    background-position: left;
    height: 44px;
    width: 100px;
  display: inline-block;
}

.logotype-ct {
  background: url(img/Endava_Logo_RGB_Original.svg) no-repeat;
  background-size: contain;
  background-position: right;
  height: 40px;
  width: 60px;
  display: inline-block;
}

.mobileapp_icon {
    cursor: pointer;
    background-image: url("img/edpicon-phone_android.svg");
    background-size: 32px;
    background-repeat: no-repeat;
    background-position: center;
    height: 32px;
    margin-top: 3px;
}

.hdrblue_icon
{
    position: relative;
    float: left;
    padding-top: 7px;
    padding-left: 8px;
}

.edpicon-email {
    background-image: url(img/edpicon-email.svg); 
    padding-right: 20px;
    background-repeat: no-repeat;
    background-position: top left;
    background-size:16px;
    padding-left: 1.5em;
    cursor:pointer;
}
tr.c_bgr_unread .edpicon-email {
    background-image: url(img/edpicon-email-unread.svg); 
}

tr.c_bgr_unread .edpicon-unread {
    background-image: url(img/edpicon-email-unread.svg); 
    padding-right: 20px;
    background-repeat: no-repeat;
    background-position: top left;
    background-size:16px;
    padding-left: 1.5em;
    cursor:pointer;
}

.edpicon-toggleNameId {
    background-image: url(img/edpicon-manage_accounts.svg); 
    padding-right: 20px;
    background-repeat: no-repeat;
    background-position: top left;
    background-size:16px;
    padding-left: 1.5em;
    cursor:pointer;
}

div.datepicker {z-index:10010 !important;}

.datepickerico::before {
  content: "\e011";
  padding-left: 5px;
  padding-right: 5px;
  color: #2D7C9A;
  font-size: 12px;
  cursor:pointer;
}

tablebullet .datepickerico::before {
  vertical-align: top;
}

.datepicker table tr td.today {color: #000;background-color: #eae9e6;}
.datepicker table tr td.today:hover {color: #000;background-color: #d0d0d0;}
.datepicker table tr td.today:active {color: #000;background-color: #d0d0d0;}


.input-search::before {
  content: "\1F50D";
  padding-left: 5px;
  padding-right: 5px;
  color: #2D7C9A;
  font-size: 0.8em;
  cursor:pointer;
}

span.glyphicon-search.glyphicon::before {
  padding-left: 5px;
  padding-right: 5px;
  color: #2D7C9A;
  font-size: 0.8em;
  cursor:pointer;
  vertical-align: middle;
}

.sortable .element{
    background-image: url(img/edpicon-edit-drag-vertical.png); 
    padding-right: 20px;
    background-repeat: no-repeat;
    background-position: top right;
    background-size:16px;
    /*background-color: #ffe0a7;*/
    cursor:pointer;

}

.sortable .squareHoverContainer, .sortable .squareHoverContainerblue {
    background-image: url(img/edpicon-edit-drag-vertical.png); 
    padding: 12px;
    background-repeat: no-repeat;
    background-position: top left;
    background-size:16px;
    /*background-color: #ffe0a7;*/
    cursor:pointer;
}

.eledit {
    background-image: url(img/edpicon-edit-text.png); 
    padding-right: 20px;
    background-repeat: no-repeat;
    background-position: top right;
    background-size:16px;
    /*background-color: #ffe0a7;*/
    cursor:pointer;
}

.eledit[data-ext="Image"] {background-image: url(img/edpicon-edit-photo.png); }
.eledit[data-ext="Url"], .eledit[data-ext="AV"] {background-image: url(img/edpicon-edit-link.png); }
.eledit[data-ext="Body"] {background-image: url(img/edpicon-edit-text.png); }
.eledit[data-ext="Header"] {background-image: url(img/edpicon-edit-title.png); }
.eledit[data-ext="Subheader"] {background-image: url(img/edpicon-edit-text.png); }
.eledit[data-ext="Headerext"] {background-image: url(img/edpicon-edit-title.png); }

.eledit[data-ext="Body"]:not([disabled='disabled']):after {content:attr(data-id); padding:0 10px; opacity:0.3; font-size:36px;}
.square .eledit[data-ext="Body"]:after {content:attr(data-id); padding:0 10px; opacity:0.5; font-size:12px;}

.eddis a.efna, .eddis a[href$=".pdf"], .eddis a[href$=".zip"], .eddis a[href$=".docx"], .eddis a[href$=".doc"], .eddis a[href$=".xls"], .eddis a[href$=".xlsx"] {
  background-image: url(img/edpicon-file-word.png);
  padding-right: 20px;
  background-repeat: no-repeat;
  line-height: 28px;
  background-position-y: bottom;
  background-position-x: right;
  background-size: contain;
  cursor: pointer;
  margin-right: 1px;
}



.eddis a.efna, .eddis a[href$='.pdf']:empty , .eddis a[href$='.zip']:empty, .eddis a[href$='.docx']:empty, .eddis a[href$='.doc']:empty, .eddis a[href$='.xls']:empty, .eddis a[href$='.xlsx']:empty {
    /*vertical-align: bottom;*/
    font-size: 22px;
    margin-left:5px;
}

.cmeditshow{display:none;}
.cmedit .cmeditshow{display:inline;}

.eddis a[href$=".pdf"] {background-image: url(img/edpicon-file-pdf.png); }
.eddis a[href$="en.pdf"] {background-image: url(img/edpicon-file-enpdf.png); }
.eddis a[href$="it.pdf"] {background-image: url(img/edpicon-file-itpdf.png); }
.eddis a[href$="hu.pdf"] {background-image: url(img/edpicon-file-hupdf.png); }
.eddis a[href$="de.pdf"] {background-image: url(img/edpicon-file-depdf.png); }
.eddis a[href$="hr.pdf"] {background-image: url(img/edpicon-file-hrpdf.png); }
.eddis a[href$="ua.pdf"] {background-image: url(img/edpicon-file-uapdf.png); }
.eddis a[href$=".zip"] {background-image: url(img/edpicon-file-zip.png); }
.eddis a[href$=".xls"], .eddis a[href$=".xlsx"] {background-image: url(img/edpicon-file-excel.png); }
.eddis a.efna {background-image: url(img/edpicon-efna.png); }

.eddis.h5 {line-height:1.33em;}
.eddis.h4 {line-height:1.2em;}

.element a[href=''] {cursor: default; opacity:1}
/*.element a:not([href='']):after {content: '>'}*/

.element a:not([href='']) :hover {
  background-color: #edf1f7;
  opacity: 1;
}

.element a[href^='zzz'], .element a[href^='eee'] {
   cursor:default;
   pointer-events: none;
   opacity: 0.36;
   color: #333333;
   text-decoration:none;
}

.eledit-h {
    background-image: url(img/edpicon-edit-mode.png); 
    padding-right: 15px;
    background-repeat: no-repeat;
    background-position: top right;
    background-size:14px;
}
.urldis{
  display:none; 
  background-position: top left;
}

/*.urlen:before {content: "\1f517"; vertical-align: super; color:orange;}*/

a.hideempty[href=''] {
  display: none;
}
a.eledit[href=''] {
  display: inline;
}

span.hideempty[data-href='']
{
  display: none;
}
span.eledit[data-href=''] {
  display: inline;
}
span.hideempty:not([data-href=''])
{
  color: #2D7C9A;
  cursor:pointer;
}

.addnewitem { background-color: rgba(208, 233, 198, 1); display:inline; }
.addnewitem .eledit:before {content: "nov element"; }

.betatestwarning{width:100%; display:none; padding: 3px 10px; text-align: center; }
.betatestwarning a {color:white; text-decoration: underline;}
 
.durs_beta .betatestwarning  {color:white; background-color: #ad0c08; display:inline-block;}
.durs_demo .betatestwarning  {color:white; background-color: #325294; display:inline-block;}
.durs_patch .betatestwarning  {color:#1E4760; background-color: #D7C25E; display:inline-block;}
.durs_dev .betatestwarning  {color:white; background-color: #9260B3; display:inline-block;}
.durs_test .betatestwarning  {color:white; background-color: #55A03C; display:inline-block;}
.hsl_dev .betatestwarning  {color:#aaa; background-color: #111; display:inline-block;}

/*** STYLES ***/

.helphidden { DISPLAY: none }

.openhelp { background-image: url(img/edpicon-vprasaj.svg); background-size: 16px 16px; padding: 1px 8px; background-repeat: no-repeat; cursor:help; }

/*stari context help*/
a[href^="javascript:OpenHelpW"]:after {content:"\00a0\00a0\00a0\00a0"; background-image: url(img/edpicon-vprasaj.svg); background-size: 16px 16px; background-position-x: 5px; padding: 1px 8px; background-repeat: no-repeat; cursor:help; }
a[href^="javascript:Swap"]:after {content:"\00a0\00a0\00a0\00a0"; background-image: url(img/edpicon-vprasaj.svg); background-size: 16px 16px; background-position-x: 5px; padding: 1px 8px; background-repeat: no-repeat; cursor:help; }
img[src$="ico_help.gif"]:not([onclick^="javascript"]) {display:none;}

a.help { background-image: url(img/edpicon-vprasaj.svg); background-size: 16px 16px; padding: 1px 1em; background-repeat: no-repeat; cursor:help; background-position-x: center;}
a[id^="OpenMainContent_MainContent_link"] {cursor:pointer;}

/* prefilled labels */
.lblprefill {cursor: default; border: 0px; background-color: #f2f2f2;}
input[type="text"].aspNetDisabled, textarea.aspNetDisabled {cursor: default;}
.aspNetDisabled.edp-currencybox  {background-color: #DBDBDB !important; border:1px solid #c9c9c9  !important;}

table[disabled] input {cursor: default; opacity:0.6; }

div.fldprefill, div.fldborder { background-color: #f2f2f2; border: 1px solid #dbdbdb; padding: 2px 5px;}
div.fldinput, div.fldValue, span.fldborder, span.fldprefill {padding:  2px 5px;}
div.fldprefill, div.fldborder, span.fldborder, span.fldprefill { background-color: #F9F9F9 !important; border: 1px solid #cfa1a0 !important;}

.illustrbgr { background-color: #E8ECEF;}

preload {display:none;}



.hdrCookie{
  color:#c8ced3;
}

.hdrCookieDet {
	padding-top: 10px;
	color: #c8ced3;
}
.hdrCookieDet p {
	text-align: justify;
	color: #acb9c5;
	margin: 2px;
}

.hdrCookieDet li{
  padding-left:10px;
}

/*** INPUTS ***/

input[type='text']:not(.biginputshort):not(.biginput) /*, .edp-datebox, .edp-currencybox, .edp-numberbox, .edp-percentagebox*/ {
    overflow: hidden;
    padding-left: 4px;
    padding-right: 4px;
    vertical-align: bottom !important;
}

element {

}
textarea { padding-left:4px; padding-right:4px; }
input, select, textarea {color:#333333; outline-color: #478181;border: 1px solid #48686824; 	line-height: normal; vertical-align: middle;} /*border color ccdfdf*/
textarea, select, input, .txtbx {overflow:hidden; color:#333333; background-color:#fff; 	line-height: normal; vertical-align: middle;} 
input[type='image'] {background-color:initial;}
textarea[disabled] {opacity: 0.6;}
select option {color: #333333;}


input::-webkit-input-placeholder { opacity: 0.9; line-height: normal;}
input::-moz-placeholder { opacity: 0.7; }
input:-ms-input-placeholder {opacity: 0.75;}

input.labelL, select.labelL, textarea.labelL { color:#333333; border-color:transparent;   background:transparent; }
input.label { color:#333333; padding:0; background:transparent; text-align:right; }
fieldset:disabled input { color:#333333; border-color:transparent;   background:transparent; cursor: default;  opacity:1;}
fieldset:disabled select { color:#333333; border-color:transparent;   background:transparent; cursor: default; border-bottom-color:transparent !important; opacity:1;}

.disabled, button[disabled], select[disabled], html input[disabled], html input[disabled]:hover {cursor: default; opacity:0.6; }
.disabled, button[readonly], select[readonly], html input[readonly], html input[readonly]:hover {cursor: default; opacity:0.6; }
.readonly {cursor: default; opacity:0.6;}
input.label .readonly {text-align:right; cursor: default; opacity:0.8;}

html input.label[readonly], html input.label[readonly]:hover, html input.label[disabled], html input.label[disabled]:hover {cursor: default; opacity:0.8;}

input.small {font-size: 8.8pt;}
.txtbx {font-size: 13.8px; padding: 2px 4px; }
.onsiteinstr {padding-bottom: 0.3em; padding-left: 10px; } 
.width400 {width: 400px}
.numberBoxR {text-align:right;}
.calculated {text-align:right; background-color:#fff; border:1pt #F07410 solid;}
.calcIfEmpty {text-align:right; background-color:#fff; border:1pt #87bf94 solid;}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px white inset;
  -webkit-text-fill-color: #333333 !important;
}

  /*Chrome*/
  @media screen and (-webkit-min-device-pixel-ratio:0) {
      input[type='range'] {
        overflow: hidden;
        width: 100%;
        -webkit-appearance: none;
        background-color: #f9f9f9;
        border: none;
        height: 22px;
      }
    
      input[type='range']::-webkit-slider-runnable-track {
        height: 10px;
        -webkit-appearance: none;
        color: #717171;
        margin-top: -1px;
      }
    
      input[type='range']::-webkit-slider-thumb {
        width: 22px;
        -webkit-appearance: none;
        height: 22px;
        cursor: pointer;
        background: orange;
        /*box-shadow: -80px 0 0 80px #D0D0D0;*/
      }

  }
  /** FF*/
  input[type="range"]::-moz-range-progress {
    background-color: #717171; 
  }
  input[type="range"]::-moz-range-track {  
    background-color: #C3C3C3;
  }
  /* IE*/
  input[type="range"]::-ms-fill-lower {
    background-color: #717171; 
  }
  input[type="range"]::-ms-fill-upper {  
    background-color: #C3C3C3;
  }

.slider {
  -webkit-appearance: none;
  width: 100%;
  height: 15px;
  border-radius: 5px;
  background: #C1BFBF;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
}

.slider:hover {
  opacity: 1;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #e0a377;
  cursor: pointer;
}

.slider::-moz-range-thumb {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #e0a377;
  cursor: pointer;
}

/*** buttons **/
button, .buttonx, .buttonxx, .btnintext, input[type="button"], input[type="reset"], input[type="submit"] {font-size: 14px; cursor:pointer; background-color:#2D7C9A; font-weight: normal; color:#ffffff; 
  border: 0; border-radius: 2px; -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3); box-shadow: 0 3px 5px rgba(0, 0, 0, .3); white-space: nowrap;
}

.btnlink {
	display: table-cell;
	 line-height: 0.9em; 
	/* text-align: center; */
	white-space: nowrap;
	vertical-align: middle !important;
	/* touch-action: manipulation; */
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 0;
	border-radius: 0;
  text-indent: 10px; 
	padding: 10px 10px 4px !important;
}

html.mobile .btnlink{  text-indent: 2px; padding: 10px 2px 4px !important;}

input[type="image"] { border: 0; height: 10pt;}
button, input[type="button"] { height: 26px; padding-left: 15px !important; padding-right: 15px !important; }
input[type="submit"], input[type="reset"]  { height: 26px; padding: 4px 15px 2px 15px;}
.buttonx { padding: 7px 15px 5px 15px; }
.buttonx.c_ok{ color: greenyellow !important}
.buttonx.c_cancel {  color:orangered !important }
.buttonx.c_del{ background-color:paleVioletRed; font-family:Arial !important}


.w100p { width:100%}
.w90p { width:90%}
.w80p { width:80%}




.buttonxx {padding: 0px 10px;margin: 5px 5px;color: #ffffff}

img[src$="check_on.gif"], img[src$="check_off.gif"] {
    opacity: 0.5;
    margin-right:2px;
}

input[type="radio"], input[type="checkbox"] {margin-right:0.5em;margin-left:0.5em; cursor:pointer; opacity: 0.7; border: 0; height: 9pt;}
button:hover, .buttonx:hover, .btnintext:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, input[type="radio"]:hover,
  input[type="checkbox"]:hover {opacity:0.77;}
input[type="radio"], input[type="checkbox"] {vertical-align: initial;}
label {	margin-bottom: 0;}

input:focus, textarea:focus, select:focus{outline: solid; outline-color: #6A9BA0; outline-width: 0pt;}
input.label:focus, input.labelL:focus{outline: none;}

button:focus, input[type="button"]:focus, input[type="submit"]:focus, input[type="reset"]:focus, .divbtn:focus, a.tbllineadd:focus, .bttnDarkBlue:focus, a.bttnLightBlue:focus
{opacity: 0.77; border: 0; border-radius: 2px; -webkit-box-shadow: 1px 1px 1px rgba(46,139,87, .2); box-shadow: 1px 1px 1px rgba(46,139,87, .2);}

.buttonx:active, .btnintext:active
 { -webkit-box-shadow: 0 0 0  black; box-shadow: 0 0 0  black;  }

.btnAddAttachment { padding: 3px 15px 2px 18px !important; height: 24px; display: inline-block; }

.butttool {margin-bottom:10px;}
.butttool input{margin:5px 5px;}
.butttool tr{line-height:35px;}
.butttool tr a, .butttool tr input, .butttool tr select, .butttool .divbtn{line-height:22px;}
.butttool tr td{text-align: center;}
html.mobile .butttool tr td  {text-align: left;}
html.mobile #tbnCalc  {text-align: left !important;}

/*.dyncentered {margin:0 10px 10px 10px; }*/
html.mobile .dyncentered {text-align: left !important;}
html.mobile .dyncentered tr td {text-align: left; padding-left:0;}





a.button { cursor:pointer;	padding: 6px 15px 6px 15px; background-color:#2D7C9A;  font-weight: normal; color:#ffffff;
  border-radius: 2px; -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3); box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
}

a.button.mini { padding: 5px 10px; line-height:2em; font-size: small; }

.caret-left {
    cursor: pointer;
    background-image: url(img/chevron_left_24dp_2D7C9A.svg);
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 22px;
    background-size: 26px;
}

.caret-right {
    cursor: pointer;
    background-image: url(img/chevron_right_24dp_2D7C9A.svg);
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 22px;
    background-size: 26px;
}

.caret-down {
  cursor: pointer;
  background-image: url(img/expand_more_24dp_2D7C9A.svg);
  background-repeat: no-repeat;
  background-position: right;
  padding-right: 26px;
  background-size: 28px;
}

.caret-up {
  cursor: pointer;
  background-image: url(img/expand_less_24dp_2D7C9A.svg);
  background-repeat: no-repeat;
  background-position: right;
  padding-right: 26px;
  background-size: 28px;
}

.dropdown-tree .caret-right {
	cursor: pointer;
	background-image: url(img/edpicon-puscica-desno-cyan.svg);
	background-repeat: no-repeat;
  background-size: 22px;
	background-position: right;
  padding-right: 15px;
  padding-top: 11px;
}

.dropdown-tree .caret-down {
    cursor: pointer;
    background-image: url(img/edpicon-drop-down-cyan.svg);
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 16px;
    padding-top: 13px;
    background-size: 24px;
}

.dropdown-tree .caret {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 12px !important;
	vertical-align: middle;
  float: right;
  margin-top: 6px;
  color:#2D7C9A;
  border-right: 4px solid transparent;
	border-left: 4px solid transparent;
}

.dropdown-tree .btn {line-height:1.4em; padding: 0 5px !important;}
.dropdown-tree .dropdown-menu > li > a {padding: 3px 25px;}

.dropdown-tree button {
  background-color: #ffffff;
  height: 1.4em;
  border-bottom: 1px solid #ccdfdf !important;
  border-radius: 0; -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .3); box-shadow: 0 0 0 rgba(0, 0, 0, .3); white-space: nowrap;
}
.dropdown-tree button:hover, .dropdown-tree button:active, .dropdown-tree.open > .dropdown-toggle.btn-default {opacity:initial; background-color: #ffffff;}
.dropdown-tree .fa {display: inline-block;}
.dropdown-tree .btn:hover, .btn:focus, .btn.focus {background-color:#fff;border-radius: 0; -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .3); box-shadow: 0 0 0 rgba(0, 0, 0, .3); white-space: nowrap;}


a.btnback {
  cursor:pointer;	padding: 6px 15px 6px 15px;
	background-image: url(img/edpicon-chevron_left-white.svg);
	background-size: 20px 20px;
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 30px;
}

a.btnfwd {
  cursor:pointer;	padding: 6px 15px 6px 15px;
	background-image: url(img/edpicon-chevron_right-white.svg);
	background-size: 20px 20px;
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 30px;
}

a.btndown {
  cursor:pointer;	
  padding: 8px 15px 7px 15px;
	background-image: url(img/edpicon-drop-down-cyan.svg);
	background-size: 60px 60px;
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 30px;
  float:right;
}

.scale06{ scale: 0.6;}

.btn-drag-vertical {
  cursor: row-resize;	
  padding: 8px 15px 8px 15px;
	background-image: url(img/edpicon-drag-vertical-white.png);
	background-size: 15px;
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 30px;
  float:right;
}

.drag-vertical .btn-drag-vertical {
  cursor: row-resize;	
  padding: 8px 15px 8px 15px;
	background-image: url(img/edpicon-drag-disabled-white.png);
	background-size: 15px;
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 30px;
  float:right;
}



a.btnup {
  cursor:pointer;	
  padding: 8px 15px 7px 15px;
	background-image: url(img/edpicon-drop-up.svg);
	background-size: 60px 60px;
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 30px;
  float:right;
}

a.btndown:focus, a.btnup:focus {outline: 0;}

a.btndownload {
	cursor: pointer;
	padding: 6px 15px 6px 15px;
	background-image: url(img/edpicon_file_download.svg);
	background-size: 20px 20px;
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 30px;
  margin-right: 0.6em;
}

a.btnpreview {
	cursor: pointer;
	padding: 6px 15px 6px 15px;
	background-image: url(img/edpicon-news.svg);
	background-size: 20px 20px;
	background-repeat: no-repeat;
	background-position: right;
  margin-right: 0.6em;
}

.pdffontsize {
	font-size: small;
	background-color: #eee;
	padding: 12px;
}

a.btndownloadL {
	cursor: pointer;
	padding: 6px 15px 6px 15px;
	background-image: url(img/edpicon_file_download.svg);
	background-size: 20px 20px;
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 30px;
  margin-right: 0.6em;
  }

a.btndownloadL.red{
    background-image: url(img/edpicon_file_download_red.svg);
}



a.btndownloadedL {
	cursor: pointer;
	padding: 6px 15px 6px 15px;
	background-image: url(img/edpicon_file_download.svg);
	background-size: 20px 20px;
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 30px;
  margin-right: 0.6em;
  opacity:0.6;
}
a.btndownloadedL.red{
    background-image: url(img/edpicon_file_download_red.svg);
  }


a.btnupload {
	cursor: pointer;
	padding: 6px 15px 6px 15px;
	background-image: url(img/edpicon_file_upload.svg);
	background-size: 20px 20px;
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 30px;
}

a.btnupload1 {
	cursor: pointer;
	padding: 6px 15px 6px 15px;
	background-image: url(img/edpicon_file_upload.svg);
	background-size: 20px 20px;
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 30px;
}

a.lnkupload {
	cursor: pointer;
}


a.tbllineadd, a.lineadd, .lineadd {
    background-position: left center;
    background-image: url(img/edpicon-plus-outline-white.svg);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position-x: 6px;
    padding: 3px 15px 2px 28px;
    background-color: #2D7C9A;
    font-weight: normal;
    color: #fff;
    border-radius: 2px;
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
    box-shadow: 0px 3px 5px rgba(0,0,0,0.3);
    padding-bottom: 4px;
    padding-top:5px;
    white-space: nowrap;
}

a.lineaddX, .lineaddX {
	background-position: center center;
	background-image: url(img/edpicon-plus-white.svg);
	background-repeat: no-repeat;
	background-size: 17px 19px;
	background-position-x: 8px;
	background-color: #2D7C9A;
	font-weight: normal;
	color: #fff;
	border-radius: 2px;
	-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
	box-shadow: 0px 3px 5px rgba(0,0,0,0.3);
	padding-bottom: 4px;
	padding-top: 5px;
	white-space: nowrap;
	padding-right: 32px;
}

a.tbllinedel, a.linedel , .linedel {
  background-position: center center;
  background-image: url(img/edpicon-close-cyan1.svg);
  width: 26px;
  height: 16px;
  background-size: 16px 16px;
  background-repeat: no-repeat;
  display: block;
}

a.itemadd , .itemadd {
  background-position: center center;
  background-image: url(img/edpicon-plus-wizzart.svg);
  width: 16px;
  height: 16px;
  background-size: 16px 16px;
  background-repeat: no-repeat;
  display: block;
  opacity:0.77;
}
.buttonx.itemadd {
  width: 36px;
  height: 24px;
}

 .btnX {
  background-position: center center;
  background-image: url(img/edpicon-close-cyan1.svg);
  width: 26px;
  height: 16px;
  background-size: 16px 16px;
  background-repeat: no-repeat;
}

 .btnPlus {
  background-position: center center;
  background-image: url(img/edpicon-plus-wizzart-cyan.svg);
  width: 26px;
  height: 16px;
  background-size: 16px 16px;
  background-repeat: no-repeat;
}

.c_loginpages a.tbllinedel, .wizzart  a.linedel, .wizzart .linedel {
  background-image: url(img/edpicon-close-white.svg);
}

a.linedel.linedelend {
  display: inline-block;
  float: inline-end;
}

a.linelink {white-space: nowrap; vertical-align: text-top;}
.mobile a.linelink {white-space: initial; vertical-align: text-top;}

.errbox a.linedel {
    background-position: center center;
    background-image: url(img/edpicon-close-white.svg);
    height: 22px;
    background-size: 22px 22px;
    background-position-y: 2px;
    background-repeat: no-repeat;
    padding-right: 32px;
    display: block;
}
html[data-useragent*='MSIE 10.0'] .errbox a.linedel {padding-right: 52px;}

.divbtn, td.tblbtn a:not(.tbllineadd):not(.lineadd) {height: 26px; display: inline-block; white-space: nowrap; text-align: left;color: white;background: #2D7C9A; padding: 4px 15px 3px 15px; cursor: pointer;text-align: center;font-size: 14px;  font-weight: normal;
  border-radius: 2px; -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3); box-shadow: 0 3px 5px rgba(0, 0, 0, .3);

}

/*.divbtn.grey{ color:#606060; background-color:#E9E9E9; height:16px; padding: 2px 15px 1px 15px;}*/

/*.divbtn:hover, div:hover {text-decoration: none;}
*/
.divlnk:hover, div:hover {text-decoration: none;}


.biginput{
  padding: 10px 10px;
  font-size: 16px;
  height: 2.2em;
  width: 100%;
  border: #aaa 0px solid;
  display:inline-block;
}

.biginputshort{
  padding: 10px 10px;
  font-size: 16px;
  height: 2.2em;
  border: #aaa 0px solid;
  display:inline-block;
}

select.biginputshort{
padding-bottom: 2px;
}

.bigerr
{
	display: inline-block;
  vertical-align: middle;
  line-height: 36px;
  width: 100%;
	color: white;
	background-color: #C90808;
	background-image: url(img/edpicon-opozorilo-red-inv.png);
	background-repeat: no-repeat;
	background-position-x: 10px;
	background-position-y: 10px;
  background-size:20px;
	padding-left: 36px;
  font-style:italic;
  margin-bottom: 10px;
}

.bigerr span {
  vertical-align: sub;
}

.c_loginpages .errmsg
{
	color: white;
	background-color: #C90808;
	display: inline-block;
	background-image: url(img/edpicon-opozorilo-red-inv.png);
	background-repeat: no-repeat;
	background-position-x: 10px;
  background-size:20px;
	padding-left: 30px;
	width: 80%;
	padding-top: 10px;
	padding-bottom: 10px;
  margin-left: 0;
  font-style:italic;
}



.bttnDarkBlue {
  margin-top:10px;
  padding: 10px 20px !important;
  /*width: 350px;*/
  height: 40px !important;
  font-size: 16px;
  background-color: #1E4760 !important;
  border: #aaa 0px solid;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
  white-space:nowrap;
  border-radius: 2px; -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3); box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
  display:inline-block;
}


.btnintext {
	padding: 7px 15px 4px 15px;
	margin: 5px 5px;
	line-height: 2.5em;
  background-color: #2D7C9A !important;
  border: #2D7C9A 0px solid;
  color: #fff !important;
  -webkit-box-shadow: 1px 1px 3px  rgba(0, 0, 0, .3); box-shadow: 1px 1px 3px  rgba(0, 0, 0, .3);
}

a.white { padding: 10px 3px ; color: #D2DADD;}
a.white:hover, a.white:active { color: white;}


a.bttnGray {
  padding: 10px 20px;;
  line-height: 2.8;
  background-color: #E9E9E9;
  border: #aaa 1px solid;
  color: #aaa;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  white-space:nowrap;
  border-radius: 2px; -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3); box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
}


a.edpicon-prijava {
    background-image: url(img/edpicon-prijava.png);
    background-size: 33px;
    background-position-x: 3px;
    background-position-y: 4px;
    background-repeat: no-repeat;
    cursor: pointer;
}

td {padding: 2px 5px}
html.mobile td.mobilenarrow {padding: 2px 0px}
td.form {padding: 0}
tr.footer td {padding: 0}

/* input - datalist combobox*/
input.combobox {
  border: 0 !important;
  background: url("img/edpicon-drop-down-cyan.svg") no-repeat scroll right top;
  background-size: 20px 20px;
  background-color: #ffffff;
  cursor: pointer;
  /*min-width: 300px;
  max-height:300px;*/
  padding-left: 4px !important;
  padding-right: 16px;
  padding-right: 22px !important;
}

input:not([typeahead*="limitTo"]).combobox.overY + ul.dropdown-menu { overflow-y: scroll !important; max-height:33em; }

input.combobox::-webkit-calendar-picker-indicator { display: none; }
input::-ms-clear { display: none; }


select { cursor:pointer; height: 20px; }
select:not([style^="width"]) { max-width:30em;}

select::-ms-expand { display: none; }

select {
  border: 0 !important;  /*Removes border*/
  -webkit-appearance: none;  /*Removes default chrome and safari style*/
  /*font: -webkit-control; // bug Ž fix - if font Lato again Z displayed
  font-size: inherit;
  font-family: sans-serif;*/
  -moz-appearance: none;  /*Removes default style Firefox*/
  background: url("img/edpicon-drop-down-cyan.svg") no-repeat scroll right top;
  background-size: 20px 20px;
  background-color: #ffffff;
  cursor: pointer;
  /*min-width: 300px;
  max-height:300px;*/
  padding-left: 4px !important;
  padding-right: 16px;
  text-indent: 0.01px;          /* Removes default arrow from firefox*/
  text-overflow: "";               /*Removes default arrow from firefox*/
}

select, input.combobox {border-bottom: 1px solid #ccdfdf !important; } /*border color ccdfdf*/

.first select {background-color: initial; border-bottom: 1px solid #6BABAB !important;}

.required:after { content:" *"; }
.nowrap, .nowrapex { white-space: nowrap; }
.tableblock .nowrap { white-space: normal; }
.flex { display: flex; }
.inlineM10 {display: inline-block; margin-right:10px;vertical-align: bottom;padding-top: 1px;}

   /*** fileUpload styles ***/
input.file, input.xfile {display:none;}
input.fileie9 {width: 30em; border: none;}

.cur-default {cursor: default;}
.cur-help {cursor: help;}
.hand, .pointer { cursor:pointer; }

/*** Error oblakci ***/

.lblerr { color: #C90808; font-weight:normal; }

a.errlink  { width: 13px; height:13px; background-image: url(img/arrow_more_lw.gif);  cursor:pointer; padding: 0px 16px; background-repeat: no-repeat; background-position: center right; }
a.errnone {  display:none;}



.ui-hoverable:hover, .openhelp:hover, a.errlink:hover, .collapsible:hover, a.help:hover, a img:hover, tr.colapsed:hover, tr.expanded:hover, a.tbllineadd:hover   {opacity: 0.7;  }
.ui-hoverable, .openhelp, a.errlink, .collapsible, a.help, a img, tr.colapsed, tr.expanded, a.tbllineadd {opacity: 1.0;} 

/* explicit table tr hover  */
table.trhover tr {opacity: 0.8; }
table.trhover tr:hover  {opacity: 1.0; } 
/* explicit exclude row */
table.trhover tr.nothover {opacity: 1.0; }
/* exclude allmost all head/foot etc rows */
table.trhover tr.first:hover, table.trhover tr.First:hover, table.trhover tr.firstsimple:hover, table.trhover tr.lHeader:hover, table.trhover tr.subhead:hover, table.trhover tr.subhead1:hover, table.trhover tr.lSummary:hover, table.trhover tr.lblheader:hover, table.trhover tr.lblheader1:hover, table.trhover tr.lblheader2:hover, table.trhover tr.lblheader3:hover  {opacity: 0.8; } 


.err
{
  border-bottom-color:#C90808;
  background-image: url(img/errlinkarrow.png); padding: 0px 0px; background-repeat: no-repeat; background-position: center left;
}
span.err {padding-left:1.2em;}
select.err {padding-left:1em;}

div.display-error
{
   width: 400px;
   border: 2px solid #C90808;
   padding: 5px;
   padding-left: 9px;
   border-radius: 4px;
   background-color: white;
   text-align: justify;
}
div.alert
{
  border: 2px solid #F07410;
}

div.display-error a
{
   background-image: url(img/arrow_return.gif); padding-left:2px; padding-top:1px;  background-repeat: no-repeat; background-position: top right;
}



/*************************************error oblacki*/

/*** TABLES ***/

   /*** Table Common Styles ***/
table { border-collapse: separate !important; }

table.bordernone, table.bordernone td { border: none; margin:0; padding:0;}

table.va_bottom td {vertical-align: bottom;}

td.bld {font-weight: bold;}
tr.subhead {color: #444444 !important; background-color: #EAEAEA !important; }
tr.colapsed {color: #444444 !important; background-color: #EAEAEA !important; cursor:pointer;  background-image: url(img/edpicon-plus-outline.svg); background-repeat: no-repeat; background-position: left center; background-position-x: 5px; background-size:16px 16px; height:22px;}
tr.expanded {color: #444444 !important; background-color: #eeeeee !important; cursor:pointer;  background-image: url(img/edpicon-minus-outline.svg); background-repeat: no-repeat; background-position: left center; background-position-x: 5px; background-size:16px 16px; height:22px;}
tr.colapsed td, tr.expanded td { padding-left:2em; padding-top:7px;}
tr.colexpnull {color: #444444; background-color: #EAEAEA; cursor:default; }
tr.headermed {color: #444444; }
tr.tblinside { background-color: #efefef;}
tr.tblinside table { background-color: #f9f9f9;}

span.expanded {cursor:pointer; background-image: url(img/edpicon-minus-outline.svg); background-repeat: no-repeat; background-position: left center; background-position-x: 5px; background-size:16px 16px; height:16px; 	vertical-align: middle; width: 30px !important;	display: inline-block; }
span.expanded.colapsed { background-image: url(img/edpicon-plus-outline.svg); }
span.exp-col-lbl {padding-left: 2em; font-size: small; padding-right: 7em; white-space: nowrap;}	
span.expanded.not {cursor:pointer; background-image: url(img/edpicon-plus-outline.svg); background-repeat: no-repeat; background-position: left center; background-position-x: 5px; background-size:16px 16px; height:16px; 	vertical-align: middle; width: 30px !important;	display: inline-block; }
span.expanded.colapsed.not { background-image: url(img/edpicon-minus-outline.svg); }

/*** Table even odd row/cols color - oddevenrow first darker   ***/
.evencolor  {background:#fefefe }
.oddcolor {background: #f6f6f6} 
table.evenoddrow1>tbody>tr:nth-child(even) {background: #fefefe}
table.evenoddrow1>tbody>tr:nth-child(odd) {background: #f6f6f6} 

table.evenoddrow tr:nth-child(even) {background: #f8f8f8}
table.evenoddrow tr:nth-child(odd) {background: #f2f2f3;} 

table.evenoddrow tr:nth-child(even) td table.inevenodd tr {background: #f8f8f8;} 
table.evenoddrow tr:nth-child(odd) td table.inevenodd tr {background: #f2f2f3;} 
table.evenoddrow tr:nth-child(even) td.del {background: #f0f0f0}
table.evenoddrow tr:nth-child(odd) td.del {background: #ececec;} 

table.evenoddrow td table.inevenodd tr td.lbl {border-right:#fff solid 1pt;}
table.evenoddrow td table.inevenodd tr td {border-bottom: 0px solid;} 
table.evenoddrow table.tablebullet td.del {background: initial;}
table.evenoddrow tr:nth-child(even)  table.tablebullet tr {background: initial;} 
table.evenoddrow tr:nth-child(odd) table.tablebullet tr {background: initial;} 

table.evenoddcol col:first-child {background: #fefefe}
table.evenoddcol col:nth-child(2n+3) {background: #f6f6f6}

.evenRow {background: #fefefe; }
.oddRow {background: #f6f6f6; }

/* od Doh_DHO_4 vrzi ven */
table.evenodd11rows tr:nth-child(20n-10),
table.evenodd11rows tr:nth-child(20n-9),
table.evenodd11rows tr:nth-child(20n-8),
table.evenodd11rows tr:nth-child(20n-7),
table.evenodd11rows tr:nth-child(20n-6),
table.evenodd11rows tr:nth-child(20n-5),
table.evenodd11rows tr:nth-child(20n-4),
table.evenodd11rows tr:nth-child(20n-3),
table.evenodd11rows tr:nth-child(20n-2),
table.evenodd11rows tr:nth-child(20n-1),
table.evenodd11rows tr:nth-child(20n) {background: #f6f6f6}

table.evenodd11rows tr:nth-child(20n+1),
table.evenodd11rows tr:nth-child(20n+2),
table.evenodd11rows tr:nth-child(20n+3),
table.evenodd11rows tr:nth-child(20n+4),
table.evenodd11rows tr:nth-child(20n+5),
table.evenodd11rows tr:nth-child(20n+6),
table.evenodd11rows tr:nth-child(20n+7),
table.evenodd11rows tr:nth-child(20n+8),
table.evenodd11rows tr:nth-child(20n+9),
table.evenodd11rows tr:nth-child(20n+10) {background: #fefefe}

table.evenodd12rows tr:nth-child(24n-10),
table.evenodd12rows tr:nth-child(24n-9),
table.evenodd12rows tr:nth-child(24n-8),
table.evenodd12rows tr:nth-child(24n-7),
table.evenodd12rows tr:nth-child(24n-6),
table.evenodd12rows tr:nth-child(24n-5),
table.evenodd12rows tr:nth-child(24n-4),
table.evenodd12rows tr:nth-child(24n-3),
table.evenodd12rows tr:nth-child(24n-2),
table.evenodd12rows tr:nth-child(24n-1),
table.evenodd12rows tr:nth-child(24n),
table.evenodd12rows tr:nth-child(24n+1) {background: #f6f6f6}

table.evenodd12rows tr:nth-child(24n+2),
table.evenodd12rows tr:nth-child(24n+3),
table.evenodd12rows tr:nth-child(24n+4),
table.evenodd12rows tr:nth-child(24n+5),
table.evenodd12rows tr:nth-child(24n+6),
table.evenodd12rows tr:nth-child(24n+7),
table.evenodd12rows tr:nth-child(24n+8),
table.evenodd12rows tr:nth-child(24n+9),
table.evenodd12rows tr:nth-child(24n+10),
table.evenodd12rows tr:nth-child(24n+11),
table.evenodd12rows tr:nth-child(24n+12),
table.evenodd12rows tr:nth-child(24n+13) {background: #fefefe}

/*** use collapsible on tr with td.tdcollapse inside - onclick all subsequent tr's will be collapsed/expanded' ***/
/*tr.collapsible { }*/
td.tdexpand {background-image: url(img/tdexpand.gif); width:12px; cursor: zoom-in; background-repeat: no-repeat; background-position: center left; }
td.tdcollapse {background-image: url(img/tdcollapse.gif); width:12px; cursor: zoom-out;  background-repeat: no-repeat; background-position: center left; }

.expandall {background-image: url(img/tdexpandall.gif); width:12px; cursor: zoom-in; background-repeat: no-repeat; background-position: top left; }
.collapseall {background-image: url(img/tdcollapseall.gif); width:12px; cursor: zoom-out;  background-repeat: no-repeat; background-position: top left; }

tr.spactop td { padding-top:1.4em; }
td.cent { text-align: center;}
td.right { text-align: right;}
td.rightMleft {text-align:right;} /*in mobile left*/
.fright { float: right;}
.fleft { float: left;}

.nowritein {background: #EAEAEA; color: #000000; }
.highlight {background: #EAEAEA; }
.lbldis, .lbldiswide, .lbldiswidefull {display: block; width: 13em;  padding: 1px 4px; text-align: left; margin-top: 2px;}
.lbldiswide {width: 22em; }
.lbldiswidefull {width: 98%; }
.lbldis0, .lbldis0wide, .lbldis0widefull {display: block; width: 13em; border: 0px; padding: 2px 4px; text-align: left; margin-top: 2px;}
.lbldis0wide {width: 22em; }
.lbldis0widefull {width: 98%; }

.inputwide {width: 22em; }
.negative { color: #C90808; }
.lbldisnarrow {display: block; width: 10em; border: 1px solid #e4c5bf; padding: 1px 4px; text-align: left; margin-top: 2px;}



.tablesignform { width: 100%; }
.tablesignform td { font-size: 11px; }

/*tr.First td, tr.first{background-color: #EAEAEA;}*/

.colorlinks1{background-color:#EAEAEA;}
.colorlinks2{background-color:#EAEAEA;}

table.tblwebpart {width: 100%; margin-bottom: 0;}
table.tblwebpart td { height: 12px;}
table.tblwebpart td.more {text-align: right; }

td.more a, a.big {
    color: #2D7C9A;
    background-image: url(img/edpicon-puscica-desno-gray.svg);
    background-size: 22px 22px;
    background-repeat: no-repeat;
    background-position: left;
    background-position-y: -3px;
    padding-left: 20px;
    padding-top: 1px;
}

a.bigback {
    color: #2D7C9A;
    background-image: url(img/edpicon-puscica-levo.png);
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: left;
    background-position-y: -3px;
    padding-left: 20px;
}

a.bigmore, a.linkright {
    color: #2D7C9A;
    background-image: url(img/edpicon-puscica-desno-cyan.svg);
    background-size: 28px 28px;
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 25px;
}

a.linkleft {
    color: #2D7C9A;
    background-image: url(img/edpicon-puscica-levo-cyan.png);
    background-size: 28px 28px;
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 25px;
}

a.more {
    color: #2D7C9A;
    background-image: url(img/edpicon-puscica-desno-gray.svg);
    background-size: 22px 22px;
    background-repeat: no-repeat;
    background-position: left;
    background-position-y: -3px;
    padding-left: 20px;
    padding-top: 1px;
}

.c_loginpages a.more {
  background-image: url(img/edpicon-puscica-desno.svg);
}

table.twocols td p {margin-left: 0px; display: block; }
a {color: #2D7C9A;}



/*** Popup frame ***/

div.popup { background-color: #fff;
 -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3); box-shadow: 0 3px 5px rgba(0, 0, 0, .3); }
div.popupwrn td { border: solid 0px #000; background-color: #699540; color:#D2DADD; }

.popuptbl{ margin-top: 0px; background-color: #5198B4; z-index: 9999;}
tr.popupheader { background-color: #5198B4; color: white; font-size: 22px;}
tr.popupdescr { background-color: #5198B4; color: white; font-size: 16px; font-style:italic;}
tr.popupheader td { padding-top: 5px; padding-left: 10px;  }
tr.popupdescr td { padding-bottom: 5px; padding-left: 10px;  }
tr.popupheader td a { text-align: right; display: block; }

.popupwait { padding:2px 8px; text-align:center; vertical-align:bottom; background-color: #5198B4; width: 100%; color: burlywood;
    background-image: url('img/loading-blue.gif') ; background-repeat: no-repeat; background-position-x:center; background-position-y:center; }
.popupedit  { padding:2px 8px; text-align:center; vertical-align:bottom; background-color: #5198B4; width: 100%; color: burlywood;}

.waitloader .img {padding-top: 3em;padding-bottom: 3em;}
.waitloader .img:after {content: url("img/loading-blue.gif");}
.waitloader .text {padding-bottom:0.7em;}
.waitloader {width: 320px; background-color: #5198B4; color: #eee;  text-align: center;}


.prompttbl {	margin-top: 0px;	background-color: #E1E9EC;	z-index: 9999;}
tr.promptheader { background-color: #5198B4; color: white; font-size: 22px;}
tr.promptdescr {	background-color: #9CC8DA;	color: #333;	 font-size: 14px;	font-style: italic;}
tr.promptheader td { padding-top: 5px; padding-left: 10px;  }
tr.promptdescr td { padding-bottom: 5px; padding-left: 10px;  }
tr.promptheader td a { text-align: right; display: block; }

html, body { height:100%;}

.div-top-fixed {
    position:fixed; 
    top: 0px; 
    left: 0px; 
    width: 100%;
    z-index:9999; 
    border-radius:0px
}

.div-bottom-fixed {
    position:fixed; 
    bottom: 0px; 
    left: 0px; 
    width: 100%;
    z-index:9999; 
    border-radius:0px
}


#Dynpedit {z-index:10001; background-image:none}    

body.popup { background-color: #EAEAEA; }

body::after{
    position:absolute; width:0; height:0; overflow:hidden; z-index:-1;
    content:url('img/loader-transp.gif'); 
}

/*** Alert Float panel (error/alert message displaying at fixed or floating position) ***/
.errorfloat {width:100.1%; border:1px solid #C90808;  background-color:#fff; }
.infofloat {width:100.1%; border:1px solid #699540;  background-color:#fff; }
.alertfloat {width:100.1%; border:1px solid #F07410; background-color:#fff; }
.errorfloatline {height: 36px; margin-bottom: 5px;}

div.alertcontainer { height:4em}
span.errorfloat:empty { display: none;}

.waitinfofloat {border: 1px solid #D6D6D6; color: #404040; background-color: #f0f0f0; z-index: 9999; position: fixed; top: 0px; left:-1px; margin: 0; padding: 0; width: 101%; height: 6em; padding-top: 0.7em;}
.ngwizzerr .waitinfofloat {border: 1px solid #254A67; color: #D9D9D9; background-color: #254A67; z-index: 9999; position: fixed; top: 0px; left:-1px; margin: 0; padding: 0; width: 101%;}

.alertfloat tr.first {color: #fff; background-color: #F07410; border: 1px solid #F07410; background-image: url(img/edpicon-opozorilo.png); background-repeat: no-repeat; background-position: 7px 9px; background-size: 16px;}
.infofloat tr.first {color: #fff; background-color: #699540; border: 1px solid #699540;  background-image: url(img/edpicon-opozorilo.png); background-repeat: no-repeat; background-position: 7px 9px; background-size: 16px;}
.errorfloat tr.first {color: #fff; background-color: #C90808; border: 1px solid #C90808; background-image: url(img/edpicon-opozorilo.png);  background-repeat: no-repeat; background-position: 7px 9px; background-size: 16px;}
.alertfloat tr.first td, .errorfloat tr.first td, .infofloat tr.first td {margin: 5px 0; font-weight:normal; padding-left: 32px; padding-top: 8px;}
.errorfloattitle { vertical-align: baseline; padding-left: 5px; }

.wizzart .errorfloat, .wizzart .alertfloat, .wizzart .infofloat { background-color: transparent;}
.wizzart .errorfloat tr.first , .wizzart .alertfloat tr.first , .wizzart .infofloat tr.first  {background-position: 7px 11px; background-size: 20px; }
.wizzart .errorfloat .icon-edpicon-close {background-position: 17px 11px;background-size: 20px;}

td.for-ajax-loader  { padding: 0; margin:0; height: 16pt;}
.ajax-loader {background-image: url(img/loading-white1.gif);padding: 2em 5em;background-repeat: no-repeat;background-position: center left;background-size: 4em;height: 5em;float: right;}
.ajax-loader.ok  { background-size: 33px; background-image: url(img/edpicon-check.png);  padding: 0px 22px; }


/*** one div only class errorfloat messages ***/
div.errorfloat, div.infofloat, div.alertfloat, span.errorfloat {
    width:99.5%;
    height:35px;
    font-size: 16px;
    padding-left: 35pt;
    padding-right: 15px;
    padding-top: 7px;
    background-image: url(img/edpicon-opozorilo.png);
    background-repeat: no-repeat;
    box-sizing: border-box;
    color: #fff; 
    background-color: #C90808; 
    border: 1px solid #C90808;
    background-position: 10px 8px; background-size: 18px;
    display: inline-table;
}
div.infofloat { border:1px solid #699540;  color:#fff; background-color:#699540; }
div.alertfloat { border:1px solid #F07410;  color:#fff; background-color:#F07410; }


.errorfloat div, .alertfloat div, .infofloat div {line-height:12px;}
.wizzart .errorfloat div, .wizzart .alertfloat div, .wizzart .infofloat div {line-height:1.1em;}
.errorfloat p, .alertfloat p, .infofloat p {line-height:1em;}
/*.errorfloat h3, .alertfloat h3, .infofloat h3 {font-family:Lato;}*/

.alertpanel, .alertlabel {background-color: #F07410; color:#fff; border: 1px solid #F07410; background-image: url(img/edpicon-opozorilo.png);}
.errorpanel, .errorlabel {background-color: #C90808; color:#fff; border: 1px solid #C90808; background-image: url(img/edpicon-opozorilo.png); }
.okpanel, .oklabel   {background-color: #699540; color:#fff; border: 1px solid #699540; background-image: url(img/edpicon-check.png); }
.alertpanel, .errorpanel, .okpanel  {margin-top: 3px; margin-bottom:2px; background-repeat: no-repeat; background-position: 14px 10px; background-size: 18px; font-weight: normal;}
.alertlabel, .errorlabel, .oklabel  {margin: 5px 0; background-repeat: no-repeat; background-position: 14px center; background-size: 18px; font-weight: normal;}
.alertlabel,.errorlabel, .oklabel   {display: block; margin-top: 10px; padding-left: 44px; margin-bottom: 10px; font-size:18px; padding-top: 8px;}

.alertlabel.small, .errorlabel.small, .oklabel.small {display: block;margin-top: 0px !important;padding-left: 44px;margin-bottom: 0 !important;font-size: 15px;background-size: 13px;padding-bottom: 3px;padding-top: 3px;}

.alertpanel h3 p, .errorpanel h3 p, .okpanel h3 p {color: #f6f6f6; background-color: transparent; margin: 0; padding:0;}
.alertpanel h3 a, .errorpanel h3 a, .okpanel h3 a {color: white; text-decoration: underline;}

.alertpanel p, .errorpanel p, .okpanel p {background-color: #ffffff; margin: 0; padding:10px 10px;}
.alertpanel ul, .errorpanel ul, .okpanel ul {background-color: white; color: #606060; margin: 0; padding-bottom:10px; padding-top:15px;}

.c_loginpages .alertpanel p {color: #ffffff; background-color:#F07410;}
.c_loginpages .errorpanel p {color: #ffffff; background-color:#C90808;}
.c_loginpages .okpanel p {color: #ffffff; background-color:#699540;}
/*.c_loginpages .pages-content-wrapper a, .c_loginpages #page-content-wrapper a {color: #ffffff;}*/


.alertpanel h3, .errorpanel h3, .okpanel h3 {margin-top: 10px; padding-left: 44px;margin-bottom: 10px; font-size:16px; font-family:Lato;} 
.alertpanel h4, .errorpanel h4, .okpanel h4 {margin-top: 10px; padding-left: 44px;margin-bottom: 10px; font-size:16px; font-family:Lato;}
html.mobile .alertpanel h3, html.mobile .errorpanel h3, html.mobile .okpanel h3 {font-size: 16px; }
html.mobile .alertpanel h4, html.mobile .errorpanel h4, html.mobile .okpanel h4 {font-size: 14px; }

.nomargin .errorpanel, .nomargin .alertpanel, .nomargin .okpanel{margin:0;}

.errsummary {text-indent: 19.6pt; margin-top: 2pt; font-size: 13.8px; line-height: 1.4em; padding-top: 5.5pt;}
.errsummary::first-line {font-weight:bold;}

.flterrmsg {color: #C90808;background-image: url(img/diamond_errormsg.gif);background-repeat: no-repeat;padding-left: 23px;padding-right: 10px;}
.errmsg {color: #C90808; display: inline-block; background-image: url(img/diamond_errormsg.gif); background-repeat: no-repeat; background-position: center left; padding-left: 20px; margin-left: 10px; }
.errmsgnodiamond {color: #C90808; display: inline-block; }

.fltwarnmsg {color: #F07410;background-image: url(img/bul_alrtmsg.gif);background-repeat: no-repeat;padding-left: 23px;padding-right: 10px;}
.warnmsg {color: #F07410; display: inline-block; background-image: url(img/bul_alrtmsg.gif); background-repeat: no-repeat; background-position: center left; padding-left: 20px; margin-left: 10px; }
.warnmsgnodiamond {color: #F07410; display: inline-block; }


     /********************/
    /**** helpWindow ****/
   /********************/

div.helpInWin
{
  background-color: #EAEAEA;
  border: solid 1pt #A6A399; 
}

div.help
{
  max-width:300px;
  width:300px;
  z-index: 0;
  position: absolute;
  top: -999px;
  left: -999px;
  display: none;
  visibility: hidden;
  border-right: solid 1pt #A6A399;
  border-left: solid 1pt #A6A399;
}




.blink {
    animation-name:blink ;
    animation-duration: 0.7s;
    animation-delay: 1.7s;
    animation-iteration-count: 6;
    animation-direction:alternate;
 /*  Chrome, Safari, Opera */
    -webkit-animation-name:blink ;
    -webkit-animation-duration: 0.7s;
    -webkit-animation-delay: 1.7s;
    -webkit-animation-iteration-count: 6;
    -webkit-animation-direction:alternate;
}

/* Standard syntax */
@keyframes blink 
{
  0% { opacity: 1; letter-spacing: 0.07em; visibility:visible;} 
  100% { opacity: 0.8; letter-spacing: 0.2em; visibility:visible; } 
  /*0% { opacity: 1;  } 
  100% { opacity: 0; }*/ 
}
/* Chrome, Safari, Opera  */
@-webkit-keyframes blink 
{
  0% { opacity: 1; letter-spacing: normal; } 
  100% { opacity: 0.8; letter-spacing: 0.2em; } 
}

.animvisible {
  visibility: hidden;
}

/** prenova novi elementi *******/


/** startpgmenu *******/
.startpgmenu {
    text-decoration: none;
    background-color: #2D7C9A;
    color:#fff;
    padding:30px 20px;
    width:100% ; 
}
.startpgmenu a  { 
  text-decoration: none;
  color: #EAEAEA;
}
.startpgmenu a:focus, .startpgmenu a:hover  { 
  text-decoration: none;
  color: #fff;
}

.startpgmenu .bttn {
	padding: 11px 10px;
	background-color: #1E4760;
	border: #aaa 1px solid;
  color: #fff;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
}

.startpgmenu .ddm {
	padding: 11px 10px;
	background-color: #fff;
	border: #aaa 1px solid;
  color: #606060;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;

}

.startpgmenu a:focus, .startpgmenu a:hover  { 
  text-decoration: none;
  color: #aaa;
}

.footer1 {background-color:#E9E9E9; color:#8B8B8B; width:100%; padding-top:20px;  padding-left:5px;  padding-right:5px; padding-bottom:20px; }

/*hr { 
  border: 0; 
  height: 1px; 
  background-image: -webkit-linear-gradient(left, #d0d0d0, #b9b9b9, #d0d0d0);
  background-image: -moz-linear-gradient(left, #d0d0d0, #b9b9b9, #d0d0d0);
  background-image: -ms-linear-gradient(left, #d0d0d0, #b9b9b9, #d0d0d0);
  background-image: -o-linear-gradient(left, #d0d0d0, #b9b9b9, #d0d0d0); 
}*/


.footer2 {background-color:#333333; color:#D2DADD; width:100%; padding-top:10px;}

.footer2 .op_center  {padding-left:5px;  padding-right:5px;}
.footer2 p {color:#aaa}
.footer2 a {color:#aaa}
.footer2 a:hover,.footer2  a:focus {color:#fff}

/* Set the fixed height of the footer here */
html {position: relative;min-height: 100%;}

.footer2 {bottom: 0;width: 100%; /*height: 130px;*/}

#footers {
  /*position: absolute;
  bottom: 0;*/
  width: 100%;
  /*height: 0;*/
  z-index: 99;
}



/*.durs_beta, .durs_demo, .durs_patch, .footer2.durs_dev, .durs_test {height:190px;}*/

#btnFooterOnOff {
	height: 9px;
	color: #b4d4eb;
	background-color: black;
	text-align: center;
	padding-top: 0;
  cursor:pointer;
}

#isEndOfPage {}

/*test brisi*/
.navbar-fixed-left {
  width: 260px;
  position: absolute;
  top: 135px;
  border-radius: 0;
  height: 100%;
      background: #eee;
}

.navbar-fixed-left .navbar-nav > li {
  float: none;  /* Cancel default li float: left */
  width: 259px;
  border-bottom: 1px solid #C0CACB;
}

.navbar-fixed-left + .container {
  padding-left: 90px;
}

/* On using dropdown menu (To right shift popuped) */
.navbar-fixed-left .navbar-nav > li > .dropdown-menu {
  margin-top: -50px;
  margin-left: 260px;
}


/* TABLE BULLET */
/* use tablebullet on webforms and tablesignbullet in preview xslts */
/* some classes like First, tblHdr are duplicated for backward compatibility / use lowercase in future */
table.tablebullet { /*background: #fdfdfd; NE! */  border:solid 1pt #eaeaea ;  margin: 0 0 10px 0; line-height:0; }
table.tablebullet tr { /*background: #fdfdfd; NE! */  border:solid 1pt #eaeaea ;  margin: 0 0 10px 0; line-height:normal; }
table.tablebullet td { padding: 4px;  color:#444; font-size: 13.8px; border-bottom: #f4f4f4 1px solid; }
table.tablebullet td, table.tablebullet td span {font-weight:normal !important;}
table.tablebullet tr.first td{ color:#1E4759; background: #D2DADD; border-bottom: #D2DADD 1px solid}
table.tablebullet tr.first td.lbltab{ border-bottom: #b6cadb  2px solid; margin-right:1px;}

table.tablebullet tr.first1 td { color:#1E4759; background: #D2DADD ; border-bottom: #D2DADD 1px solid}
table.tablebullet tr.First td { color:#1E4759; background: #D2DADD; border-bottom: #D2DADD 1px solid}
table.tablebullet td.tblhdr { color:#1E4759; border: 0; padding: 0; }
table.tablebullet tr.lblheader, table.tablebullet tr.btnheader { color:#1E4759;  font-size: 8.6pt;  background-color: #f2f2f2}
table.tablebullet tr.lblheader1 { color:#1E4759;  font-size: 8.6pt; background-color: #f0f0f0}
table.tablebullet tr.lblheader2 { color:#1E4759;  font-size: 8.6pt; background-color: #f2f2f2}
table.tablebullet tr.lblheader3 { color:#1E4759;  font-size: 8.6pt; background-color: #f7f7f7}
table.tablebullet tr.highlight_line { background-color: #EFECC9; }
table.tablebullet td.header { padding-top: 0.45em; }
table.tablebullet td.center { text-align: center; padding: 0.3em }
table.tablebullet td.left { text-align: left; padding: 0.3em }
table.tablebullet td.right { text-align: right; padding: 0.3em }
table.tablebullet td.del { min-width:3em; text-align:center;background-color: #edeff1;border-bottom-style: none;}
table.tablebullet td.lblmenu {background: #F5F5F5;  }
table.tablebullet td.lblTitle { background: #D2DADD; }
table.tablebullet td.tblbtn { padding-left:1em; }
/*table.tablebullet td.dark {background: #e1e1e1; }*/
table.tablebullet td.tdnone {padding:0; margin:0; border:0;}
table.tablebullet td.input { padding-bottom: 1px; padding-top: 1px}
table.tablebullet tr.lHeader td {background: #F5F5F5;}
table.tablebullet tr.lSummary td, tfoot.lSummary td  {background:#E4E7E8;; border-top: #D2DADD 1px solid ;}
table.tablebullet tr.lSummary1 td, tfoot.lSummary1 td  {background:#edeff1 ; border-top: #edeff1 1px solid ;}
table.tablebullet tr.lSummary2 td, tfoot.lSummary2 td  {background:#D2DADD; border-top: #D2DADD 1px solid ;}
table.tablebullet tr.lSummary2r td {background:#D2DADD; text-align:right; border-top: #D2DADD 1px solid ;}
table.tablebullet tr.empty td {background:#fff; border-bottom: #E4E4E4 1px solid; border-top:none; line-height:0.5em;}
table.tablebullet tr.lSummary input.label, tfoot.lSummary input.label {  border-style:none;  border-width:3pt;  color:Black; text-align:right; }
table.tablebullet td.first { color:#1E4759; background: #D2DADD; padding-left:12px; padding-right:12px;}
table.tablebullet td.first1 { color:#1E4759; background: #E2EAEC; padding-left:12px; padding-right:12px; vertical-align: text-top;}

td.lbl, div.lbl, label.lbl  {background: #f2f2f2;}

/*td.lbl span {padding-right: 8px;}*/
.lSummary td span {padding-right: 2px;} 
td.lblspan span {padding-right: 6px;}
td.lbltab { background-color: #f3f3f3; color:#1E4759; border: 0;  text-align: center; padding: 1pt 0 0 2pt !important; background-clip: content-box; }
td.tdcomment {color:rgba(202, 140, 125, 1); background-color: #EAEAEA; font-size: 12px !important; }

td.tab1 {border-bottom: 2px #d2d2d2 solid !important; background-color: #e1e1e1; text-align: center;line-height: 1em;margin-left: 5px;}
td.tab2 {border-bottom: 2px #bbbbbb solid !important; background-color: #d9d9d9 ; text-align: center;line-height: 1em;margin-left: 5px;}

.dark {background: #efefef; }
.lbldPrem { border-right: 33px #f0f0f0 solid; text-align: right; white-space:nowrap;}
html.mobile .lbldPrem { border-right: 5px #f0f0f0 solid; text-align: right; white-space:nowrap;}
td.tdnone {margin: 0;padding: 0;}

tr.trHideX td.del a {display:none;}

/* --obsolete - backward compatibility 
- use tablebullet on webforms, for full width: 100% use class='tablebullet full'
- tablesignbullet or tablebulletFull (capital F) in XSLT previews  */
table.tablebulletfull { background: #F8F8F8;  border:solid 1pt #eaeaea ;  margin: 0 0 10px 0;  width: 100%; }
table.tablebulletfull td { padding: 4px; color:#0c0c0c; font-size: 13.8px; border-bottom: #E4E4E4 1px solid;  vertical-align:middle}
table.tablebulletfull tr.first td { color:#1E4759; background: #D2DADD; border-bottom: #D2DADD 1px solid}
table.tablebulletfull tr.first1 td { color:#1E4759; background: #D2DADD ; border-bottom: #D2DADD 1px solid}
table.tablebulletfull tr.First td { color:#1E4759; background: #D2DADD; border-bottom: #D2DADD 1px solid}
table.tablebulletfull td.tblhdr { color:#1E4759; border: 0; padding: 0; }
table.tablebulletfull tr.lblheader { color:#1E4759;  font-size: 8.6pt;  background-color: #edeff1}
table.tablebulletfull tr.lblheader1 { color:#1E4759;  font-size: 8.6pt; background-color: #f0f0f0}
table.tablebulletfull tr.lblheader2 { color:#1E4759;  font-size: 8.6pt; background-color: #f2f2f2}
table.tablebulletfull tr.lblheader3 { color:#1E4759;  font-size: 8.6pt; background-color: #f7f7f7}
table.tablebulletfull tr.highlight_line { background-color: #EFECC9; }
table.tablebulletfull td.header { padding-top: 0.45em; }
table.tablebulletfull td.center { text-align: center; padding: 0.3em }
table.tablebulletfull td.left { text-align: left; padding: 0.3em }
table.tablebulletfull td.right { text-align: right; padding: 0.3em }
table.tablebulletfull td.del { min-width:3em; text-align:center; background-color: #edeff1; border-bottom-style: none;}
table.tablebulletfull td.lblmenu {background: #F5F5F5;  }
table.tablebulletfull td.lblTitle { background: #D2DADD; }
table.tablebulletfull td.tblbtn { padding-left:1em; }
/*table.tablebulletfull td.dark {background: #e1e1e1; }*/
table.tablebulletfull td.tdnone {padding:0; margin:0; border:0;}
table.tablebulletfull td.input { padding-bottom: 1px; padding-top: 1px}
table.tablebulletfull tr.lHeader td {background: #F5F5F5;}
table.tablebulletfull tr.lSummary td, tfoot.lSummary td  {background:#D2DADD; border-top: #D2DADD 1px solid ;}
table.tablebulletfull tr.lSummary1 td, tfoot.lSummary1 td  {background:#edeff1 ; border-top: #edeff1 1px solid ;}
table.tablebulletfull tr.lSummary2 td, tfoot.lSummary2 td  {background:#D2DADD; border-top: #D2DADD 1px solid ;}
table.tablebulletfull tr.lSummary2r td {background:#D2DADD; text-align:right; border-top: #D2DADD 1px solid ;}
table.tablebulletfull tr.empty td {background:#fff; border-bottom: #D2DADD 1px solid; border-top:none; line-height:0.5em;}
table.tablebulletfull tr.lSummary input.label, tfoot.lSummary input.label {  border-style:none;  border-width:3pt;  color:Black;  text-align:right; }

/* tablebulletFull for XSLT previews  */
table.tablebulletFull { background: #F8F8F8 !important;  border:solid 1pt #eaeaea  !important;  margin: 0 0 10px 0;  width: 100%; }
table.tablebulletFull td { padding: 4px; color:#0c0c0c !important; font-size: 13.8px; border-bottom: #D2DADD 1px solid !important;  vertical-align:middle}
table.tablebulletFull tr.first td { color:#1E4759 !important; background: #D2DADD !important; border-bottom: #D2DADD 1px solid !important;}
table.tablebulletFull tr.first td.indent { background: #F8F8F8 !important; border-bottom: #D2DADD 1px solid !important;}
table.tablebulletFull tr.first td.indent.lbl { background: #F8F8F8 !important; border-bottom: #D2DADD 1px solid !important;}
table.tablebulletFull tr.first1 td { color:#1E4759 !important; background: #D2DADD  !important; border-bottom: #D2DADD 1px solid !important;}
table.tablebulletFull tr.First td { color:#1E4759 !important; background: #D2DADD !important; border-bottom: #D2DADD 1px solid !important;}
table.tablebulletFull td.tblhdr { color:#1E4759 !important; border: 0; padding: 0; }
table.tablebulletFull tr.lblheader { color:#1E4759 !important;  font-size: 8.6pt;  background-color: #edeff1 !important;}
table.tablebulletFull tr.lblheader1 { color:#1E4759 !important;  font-size: 8.6pt; background-color: #f0f0f0 !important;}
table.tablebulletFull tr.lblheader2 { color:#1E4759 !important;  font-size: 8.6pt; background-color: #f2f2f2 !important;}
table.tablebulletFull tr.lblheader3 { color:#1E4759 !important;  font-size: 8.6pt; background-color: #f7f7f7 !important;}
table.tablebulletFull td.header { padding-top: 0.45em; }
table.tablebulletFull td.center { text-align: center; padding: 0.3em }
table.tablebulletFull td.left { text-align: left; padding: 0.3em }
table.tablebulletFull td.right { text-align: right; padding: 0.3em }
table.tablebulletFull td.del { width:3em; text-align:center; border-bottom-style: none; }
table.tablebulletFull td.lblmenu {background: #F5F5F5 !important;  }
table.tablebulletFull td.lblTitle { background: #D2DADD !important; }
table.tablebulletFull td.tblbtn { padding-left:1em; }
table.tablebulletFull td.dark {background: #F2F2F2; }
table.tablebulletFull td.tdnone {padding:0; margin:0; border:0;}
table.tablebulletFull td.input { padding-bottom: 1px; padding-top: 1px}
table.tablebulletFull tr.lHeader td {background: #F5F5F5 !important;}
table.tablebulletFull tr.lSummary td, tfoot.lSummary td  {background:#D2DADD; border-top: #D2DADD 1px solid ;}
table.tablebulletFull tr.lSummary2 td, tfoot.lSummary2 td  {background:#D2DADD; border-top: #D2DADD 1px solid ;}
table.tablebulletFull tr.lSummary2r td {background:#D2DADD; text-align:right; border-top: #D2DADD 1px solid ;}
table.tablebulletFull tr.empty td {background:#fff !important; border-bottom: #D2DADD 1px solid !important; border-top:none; line-height:0.5em;}
table.tablebulletFull tr.lSummary input.label, tfoot.lSummary input.label {  border-style:none;  border-width:3pt;  color:Black;  text-align:right; }
table.tablebulletFull tr:nth-child(even) td.subtable {background: #fefefe}
table.tablebulletFull tr:nth-child(odd) td.subtable {background: #f6f6f6} 

/* tablesignbullet for XSLT previews */
table.tablesignbullet { background: #F8F8F8 !important;  border:solid 1pt #eaeaea  !important;  margin: 0 0 10px 0 !important; }
table.tablesignbullet td { padding: 4px !important;  color:#0c0c0c !important; font-size: 13.8px !important; border-bottom: #D2DADD 1px solid !important;  vertical-align:middle}
table.tablesignbullet tr.first td { color:#1E4759 !important; background: #D2DADD !important; border-bottom: #D2DADD 1px solid !important;}
table.tablesignbullet tr.first td.indent { background: #F8F8F8 !important; border-bottom: #D2DADD 1px solid !important;}
table.tablesignbullet tr.first td.indent.lbl { background: #efefef !important; border-bottom: #D2DADD 1px solid !important;}
table.tablesignbullet tr.first0 td { background: #b8ccce;}
table.tablesignbullet tr.first1 td { color:#1E4759 !important; background: #D2DADD  !important; border-bottom: #D2DADD 1px solid !important;}
table.tablesignbullet tr.First td { color:#1E4759 !important; background: #D2DADD !important; border-bottom: #D2DADD 1px solid !important;}
table.tablesignbullet td.tblhdr { color:#1E4759 !important; border: 0 !important; padding: 0 !important; }
table.tablesignbullet tr.lblheader { color:#1E4759 !important;  font-size: 8.6pt !important;  background-color: #edeff1 !important;}
table.tablesignbullet tr.lblheader1 { color:#1E4759 !important;  font-size: 8.6pt !important; background-color: #f0f0f0 !important;}
table.tablesignbullet tr.lblheader2 { color:#1E4759 !important;  font-size: 8.6pt !important; background-color: #f2f2f2 !important;}
table.tablesignbullet tr.lblheader3 { color:#1E4759 !important;  font-size: 8.6pt !important; background-color: #f7f7f7 !important;}
table.tablesignbullet td.header { padding-top: 0.45em !important; }
table.tablesignbullet td.center { text-align: center !important; padding: 0.3em  !important;}
table.tablesignbullet td.left { text-align: left !important; padding: 0.3em  !important;}
table.tablesignbullet td.right { text-align: right !important; padding: 0.3em  !important;}
table.tablesignbullet td.del { width:3em !important; text-align:center !important; border-bottom-style: none;}
table.tablesignbullet td.lblmenu {background: #F5F5F5 !important;  }
table.tablesignbullet td.lblTitle { background: #D2DADD !important; }
table.tablesignbullet td.tblbtn { padding-left:1em !important; }
table.tablesignbullet td.dark {background: #F2F2F2 !important; }
table.tablesignbullet td.tdnone {padding:0 !important; margin:0 !important; border:0 !important;}
table.tablesignbullet td.input { padding-bottom: 1px !important; padding-top: 1px}
table.tablesignbullet tr.lHeader td {background: #F5F5F5 !important;}
table.tablesignbullet tr.lSummary td, tfoot.lSummary td  {background:#D2DADD; border-top: #D2DADD 1px solid ;}
table.tablesignbullet tr.lSummary2 td, tfoot.lSummary2 td  {background:#D2DADD; border-top: #D2DADD 1px solid ;}
table.tablesignbullet tr.lSummary2r td {background:#D2DADD; text-align:right; border-top: #D2DADD 1px solid ;}
table.tablesignbullet tr.empty td {background:#fff !important; border-bottom: #D2DADD 1px solid !important; border-top:none !important; line-height:0.5em !important;}
table.tablesignbullet tr.lSummary input.label, tfoot.lSummary input.label {  border-style:none !important;  border-width:3pt !important;  color:Black !important; text-align:right !important; }
table.tablesignbullet tr:nth-child(even) td.subtable {background: #fefefe}
table.tablesignbullet tr:nth-child(odd) td.subtable {background: #f6f6f6} 

table.tablesignbullet tr.noborder td {border:none !important; background:none !important;}
.hyphenate {overflow-wrap: break-word;word-wrap: break-word;-webkit-hyphens: auto;-ms-hyphens: auto;-moz-hyphens: auto;hyphens: auto;}
.wbreak {	word-break: break-all;	hyphens: auto;}

div.signareafile, tablesignsimple {background: #f5f5f5 !important;border:0 !important;color:#111111 !important;}
div.signareafile h1, #display h1, #display p  {color:#2f2f2f !important;}

table.tablesignform {width: 100% !important;  margin-top: 15px !important; border-top: #d8d8d8 1px solid !important; }
table.tablesignform td.right {text-align: right !important; }   

table.tblheader { border-right: 0px; padding-right: 0px; border-top: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; border-left: 0px; width: 100%; padding-top: 0px; border-bottom: 0px}
table.tblheader td.tdheader1 {  font-size: 110%; background: #769eb4; width: 5em; color: #fff; border-bottom: #bebebe 1px solid; text-align: center}
table.tblheader td.tdheader2 { padding-left: 1em;  font-size: 110%; background: #D2DADD; border-bottom: #bebebe 1px solid}
table.tblheader td.tdTitle { padding-left: 1em;  font-size: 130%; background: #D2DADD; border-bottom: #bebebe 1px solid}

div.tablebackground {background-color: #fff;}

   /*** TABLE FILTER ***/

.dsig_css_info {background-color: #fcfcfc;}

table.tblfilter {border: 0px solid #D2DADD;margin-bottom: 10px;background: #F5F5F5;}
table.tblfilter tr.first td {color: #1E4760; background: #e7e7e7;  ; padding: 3px 6px 4px; }
table.tblfilter tr.First td {color: #1E4760; background: #e7e7e7;  ; padding: 3px 6px 4px; }
table.tblfilter td.first {color: #1E4760; background: #e7e7e7; padding: 3px 6px 4px; font-weight:bold}


.c_loginpages table#tableSpodajNavedenePriloge {border: 0; margin-bottom: 10px; color: #e7e7e7; background: #266c87;}
.c_loginpages table#tableSpodajNavedenePriloge tr.first td {border: 0; color: #e7e7e7; background: #266c87;  }
.c_loginpages table#tableSpodajNavedenePriloge td {border: 0; color: #e7e7e7; background: #266c87; }
.c_loginpages table#tableSpodajNavedenePriloge td.first {border: 0; color: #e7e7e7; background: #266c87; padding: 3px 6px 4px; font-weight:bold}
.c_loginpages table#tableSpodajNavedenePriloge tr.lblheader {color: #e7e7e7; background-color: #497080;}
.c_loginpages table#tableSpodajNavedenePriloge tr.lblheader td {color: #e7e7e7; background-color: #497080;}
.c_loginpages .fileUpload, .c_loginpages .xfileUpload {vertical-align: bottom;}

.tblfilter2lvl {border: 0; padding: 0; font-size: 8.8pt;}
.tblfilter2lvl td {padding: .25em 8px; vertical-align: middle;}
.tblfilter2lvl td.inp2 {padding: 0 4px 0 0;}

  /*** COLAPS PANEL FILTER ***/

.colapspanelfilter, .colapspanel { border: 1px solid #D2DADD; margin-bottom: 10px; background: #D2DADD }
.colapspanelexpanded, .colapspanelcolapsed { background-color: #F5F5F5 ; background-repeat: no-repeat; background-position: 6px 5px; padding: 2px 6px 2px 0; font-weight: bold}
.colapspanelexpanded a, .colapspanelcolapsed a { display: block; padding-left: 22px; text-decoration: none; }
.colapspanelexpanded { background-image: url(img/ico_colaps.gif) }
.colapspanelcolapsed { background-image: url(img/ico_expand.gif) }

.colapspanelfilter { font-size: 13.8px }
.colapspanel { margin-left: 25px; }
.colapspanel .colapspanelexpanded, .colapspanel .colapspanelcolapsed { font-size: 13.8px; }
.colapspanelbody { padding: 10px 10px 10px 0 }

   /*** TABLE LIST ***/

table { border-spacing: 0px; border-collapse: collapse ; }

table.topen {border: #E4E8EA 1px solid; border-right: #E4E8EA 0pt solid;   }
table.topen tr.first td {background: #E4E8EA; border: #E4E8EA 1px solid;}
table.topen tr.lbl td {background:#ECEFF0; }
table.topen td {border-bottom: #E4E8EA 1pt solid;border-right: #E4E8EA 1pt solid;
}

/* TODO: table.list - pusti notri cimmanj */

table.list {border: #D2DADD 0px solid;   }
table.list tr.first td, table.list tr.First td, table.list tr.first th {background: #D2DADD; border-bottom: #769eb4 0px solid }
table.list tr.lbl td {background:#ECEFF0; border-top: #D2DADD 0px solid ;}
table.list tr.lHeader td {background:#D2DADD; border-top: #D2DADD 0px solid ;}

table.list td { border-bottom: #efefef 1px solid;  vertical-align:middle}
table.list tr.submit td {background: #efefef;}
table.list tr.lSummary td  {background: #efefef;}
table.list th {text-align:left; padding-left:5px;}
table.list tr.lblheader, table.list  th {font-weight: normal; color:#1E4759;  background-color: #f2f2f2}

td.sortdef a, td.sortasc a, td.sortdesc a {display: block; padding-right: 3px; width: 100%; float:right; }
td.sortasc a {background-image: url(img/sort_asc.gif); background-repeat: no-repeat; background-position: center right;  padding-right: 15px;}
td.sortdesc a {background-image: url(img/sort_desc.gif); background-repeat: no-repeat; background-position: center right; padding-right: 15px;}
td.classSort a {cursor: pointer;}
/*td.classSort a {background-image: url(img/sort_asc.gif); background-repeat: no-repeat; background-position: center right;  padding-right: 15px;}*/

table.list .Paging td   {background:#D2DADD; color:#3c3c37; font-size: 13.8px; line-height:0.9em; border-top: #D2DADD 1px solid ;}
table.list .paging {font-size: 12px; }
table.list .paging td {padding: 6px; border-bottom: none; }
table.list .paging a {border: 1px solid #fff; padding: 2px 4px; display: inline; }
table.list .paging a:hover {border-color: #000; }
/*tr.lblheader { background-color: #F5F5F5}*/
tr.lSummary2r td {background:#D2DADD; text-align:right; border-top: #D2DADD 2px solid ;}
tr.lfooter td {background:#D2DADD; text-align:left;}
tr.lfooter:first-child td {border-top: #D2DADD 2px solid ;}

.labelsmall {line-height: 0.8rem;font-size: smaller;}

table.lbl1st tr td:first-child {background:#efefef;}

table.docinfo {font-size: 12px; padding: 6px;  margin: 1px 0 7px 0px; border: 1px solid #D2DADD; background-color: #D2DADD}
table.docinfo td {padding-left: 6px; padding-right: 6px;}

div.indent3 { padding-left: 3em; text-indent: -3em}


   /*** TABLE SIMPLE ***/

table.tablesimple {margin: 0.2em 0px 10px 0px; }
table.tablesimple tr.first { background: #eee; }
table.tablesimple tr.First { background: #eee; }
table.tablesimple tr.firstsimple { background:#D2DADD; font-weight:bold; }

table.tablesimple td {padding: 3px 5px; font-size: 13.8px; vertical-align: middle; }
table.tablesimple td.top {vertical-align: top; padding-top: 8px;}
table.tablesimple td.dark {background: #EAEAEA; }
table.tablesimple td.dark1 {background: #eee; }
.tablesimple td.submit { padding: 6px 2px 0px 0px; border-top: #D2DADD 1px solid;  vertical-align: middle; }

table.tablesimple tr.trlabel td  {line-height: 1rem;}

td.submit {text-align: right;}
html.mobile td.submit {text-align: left;}
p.submit {text-align: right;}
html.mobile p.submit {text-align: left;}


.full { width: 100%;}
.full select { max-width: 100% !important;}
table.full { width: 100%;}


  /*** TABLE Tiny ***/
table.tabletiny {margin:0; border:0; }
table.tabletiny td {margin:0; padding:0 !important; border:0; line-height:1.7em;}

table.tblmini {margin:0; border:0; }
table.tblmini td {margin:0; padding: 2px 2px 2px 5px !important; border:0; line-height:1.4em; background:White; border-top: #E1E1E1 0px solid ;}
table.tblmini tr.header td {background:#F9F9F9; border-top: #DBDBDB 0px solid ; line-height:1em; font-size:smaller;}


   /*** TABLE SHOW ***/

table.tableshow {margin: 0.2em 0px 10px 20px; border: 1px solid #ddd; background: transparent; }
table.tableshow td {padding: 3px 5px; font-size: 13.8px; vertical-align: top; border-bottom: 1px solid #fff; }

new-grptr-ddv td {background-color:#eeeeee;}

table.nowraptablecells td.nwrap {width: 4em; white-space: nowrap;}
table.nowraptablecells td div.nwrap {width: 4em; white-space: nowrap;}
html.mobile table.nowraptablecells td.nwrap {width: 2em; white-space: nowrap;}
html.mobile table.nowraptablecells td div.nwrap {width: 2em; white-space: nowrap;}

   /**************/
   /*** FORMS ***/
   /************/

   /*** TABLE FORMINPUT ***/

table.forminput {width: 100%;}
table.forminput td {}
table.forminput td.no {text-align: right; width: 20px;}
table.forminput td.input {padding: 0px 2px; width: 105px;}
.showMobile { display: none; }

/*** Responsive tables ***/

/*@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px)*/  
@media only screen and (max-width: 640px) 
{

/* Force table to display block. Put tables in class 'tableblock' like   <div class="tableblock">.. table </div>	*/
  .tableblock table, .tableblock thead, .tableblock tbody, .tableblock th, .tableblock td, .tableblock tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.tableblock thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.tableblock tr[class=""] { border-bottom: 5px solid #edeff1  }
	
	.tableblock td { 
		/* Behave  like a "row" */
		border: none;
		position: relative;
	}
	
	.tableblock td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
  /* tr-lblheader add button is under the table*/
  .tableblock .tablebullet tr.lblheader   {display:none;}
  .tableblock .tablesignbullet tr.lblheader   {display:none;}
  /* or tr-btnheader add button is in header */
  .tableblock .tablebullet tr.btnheader td {display:none;}
  .tableblock .tablebullet tr.btnheader td.tblbtn {display:inline-block;width:100% !important;}
  .tableblock .tablebullet tr.btnheader .tbllineadd {float:right; height:26px;}
 table.tablebullet.tableblock  tr {line-height: 0.86em;}
 table.tablebullet.tableblock  td {padding:1pt;}
  /* hide empty rows */
  .tableblock td:empty { display: none; background-color:#346}
  /* style: Davek         0,12 */
  .tableblock  td.showlbl {text-align:right;}
  .tableblock  td.showlbl:after {content:attr(data-lbl); opacity:0.9; float: left; }
  /* style: 0,12 Davek or 0,12 - Davek */
  .tableblock  td.showlblR.rightMleft {text-align:left;}
  .tableblock  td.showlblR-.rightMleft {text-align:left;}
  .tableblock  td.showlblR:after {content:attr(data-lbl); padding:0 10px; opacity:0.9;}
  .tableblock  td.showlblR-:after {content: "- " attr(data-lbl); padding:0 10px; opacity:0.9;}

  .tableblock .tableblocknewlineborder { border-bottom: 14px #d9d9d9 solid !important;}

  .tableblock table td { border:0 none;} 
  .tableblock table tr { border:0 none;} 
  .tableblock table td table {margin:0; padding:0; border:0 none; } 

  table.tablefixed {table-layout: fixed}
  table.tablefixed td { word-wrap: break-word;}
  table.tableauto {table-layout: auto;}
  table.tableauto td { word-wrap: break-word;}

  .showMobile { display: block; }
}

/* div around table with .tbllineadd button at the bottom right*/
div.tableframe {display: inline-block; background-color:#efefef;}
div.tableframe-nc {display: inline-block;}
div.tablebloc-nc {display: block;}
div.tableframe table {margin-bottom:3px;}
div.tableframe .tbllineadd {float: right; line-height: 16px;}

div.insteuro {display: inline-block;}
div.insteuro p {margin:0;}

/*** paralax ***/
.news-bgr {padding: 10px;}

.parlbackgr {
  background: url('img/furs-logo-bw-transp.png') repeat;
  position: fixed;
  background-position-x: center;
  background-size: contain /*contain*/;
  width: 100%;
  height: 300%; 
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0.4;
  padding: 5px;
  margin-top: 15em;
}

.parlmidgr {
  color: black;
  position: fixed;
  width: 100%;
  height: 300%;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0.3;
  padding: 20px;
  margin-top: 15em;
}

/* scrolling in IE is horrible */
html[data-useragent*='MSIE 10.0'] .parlbackgr {
  background: none;
}
html[data-useragent*='MSIE 10.0'] .parlmidgr {
  display:none;
}

.parlcont {
  /*z-index: 22;*/
  margin: auto;
  line-height: 20px;
  font-size: 16px;
}

.hdr-isci {min-width: 200px; height: 42px;}

/* IE ne dela 
a.next { -webkit-mask-image: url(img/edpicon-chevron_right.svg); mask-image: url(img/edpicon-chevron_right.svg); -webkit-mask-size: 20px; mask-size: 20px;}
*/

a.next { background-image: url(img/edpicon-chevron_right.svg);}
a.prev { background-image: url(img/edpicon-chevron_left.svg); }
a.start { background-image: url(img/edpicon-first_page.svg); }
a.end { background-image: url(img/edpicon-last_page.svg); }

a.next, a.prev, a.start, a.end {background-size:18px 18px; padding: 4px 9px; background-repeat: no-repeat; background-position: center left;}
a.next, a.prev, a.start, a.end {opacity:0.6;}


@media (max-width: 992px) 
{ 
  .hdr-isci {min-width: 180px; width:180px !important; }
}

@media (max-width: 768px) 
{ 
}

@media (max-width: 576px) 
{  
}

/* very large devices */
@media (min-width: 1800px) 
{
    /*max-width: 1900px;*/

/*  body.siteopenm, #footers
  {
    margin-left:auto;
    margin-right:auto;
    width: calc(100% - ((100% - 1800px)/2)); 
  }
*/
/*
  html {background-color: darkslategray;}
*/

  #wrapper.toggled .pclosed .pages-content-wrapper 
  {
    margin-right:auto;
    width: calc(100% - ((120% - 1800px)/2)); 
  }

  .c_loginpages .pages-content-wrapper
  {
    width: 100% !important ; 
  }
  

  #wrapper.notvisible .pclosed .pages-content-wrapper
  {
    margin-right:auto;
    width: calc(100% - ((100% - 1800px)/2)); 
  }

}

/**********************************/
/********    PRINTING    **********/
/**********************************/

@media print {

  body {
    font-family: Arial;
    margin: 0;
    padding: 0;
    background: white;
  }



body.sign {
    border: 0;
    font-size: 8pt;
    background: white;
    font-family: verdana, sans-serif;
}

table.tablebulletFull tr.first td {
    background: #caffff;
    border-bottom: #ddd 2px solid;
    font-weight: bold;
}


  table.header {
    display: none;
  }

  td.breads {
    display: none;
  }

  td.leftmenu, #footers {
    display: none;
  }

  #page-content-wrapper {position: absolute;}
  /*h1 {display: none;}*/

  h1, h2, a, p.instruct {
    color: #000;
  }

  p, h3, h4, p.instruct, table.tablesignsimple td, table.tablebullet td {
    font-size: 7pt;
  }

    p.instruct {
      margin-bottom: .2cm;
    }

  h1.print {
    display: inline;
  }

  h2 {
    font-family: Arial;
    font-size: 16pt;
    color: #000;
    margin-bottom: 1em;
  }

  td.footer {
    display: none;
  }

  div.signareafile {
    border: none;
    margin: 0;
    padding: 0;
  }

  .hidden {
    color: #000;
  }

  input, select {
    font-family: Arial;
    font-size: 7pt;
    border-color: #000;
    margin: 0;
  }


  table.tablebullet {
    border: none;
    border-top: 1.5pt solid #000;
  }

    table.tablebullet td.input {
      padding: 1px;
    }

  table.tablesignbullet {
    border: none;
    border-top: 1.5pt solid #000;
  }

    table.tablesignbullet td {
      border-bottom: 0.5pt solid #000;
      font-family: Arial;
      font-size: 8.8pt;
      padding-left: 0;
    }

    table.tablesignbullet tr.first td {
      border-left: none;
      font-size: 8.8pt;
    }

    table.tablesignbullet td.lbl {
      padding-left: 0;
    }

  table.tablesignform {
    border: none;
    font-family: Arial;
    font-size: 6pt;
    margin-top: 3em;
    padding: 0;
  }

  table.tablebullet {
    margin: 1cm 0px;
    border: none;
    background: #fff;
  }

  table.tablesimple {
    margin: 1cm 0px;
  }

  .cmleftmenu, .noprint, .hdrblue, .breadcrumb  {
    display: none;
  }

  a[href]:after {
    content: none !important;
  }

  .btndownload {display: none;}

}

.g2g-lbl {width: 15em;}

.xtablemain hr {display:none;}

div.dlgdprem {position: absolute; left: 0; top: -300px; padding: 3px 20px; width: 100%; background-color: rgba(135,170,158, 0.33); }
div.errbox {position: absolute; left: 0;top: -200px; width: 100%; background-color: rgba(135,170,158, 0.33); }
div.errbox .alertlabel, div.errbox .errorlabel, div.errbox .oklabel {margin-top: 0; margin-bottom: 0; }
div.dlgdprem table {margin-left: auto;margin-right: auto;}
table.alltdnowrap td {white-space:nowrap;}
html.www #divDohodek .btnlink a {width: 110px; display: inline-block; text-align: left;}

.new-podo-opsv-wrapper select:not([style^="width"]) {
  max-width: 35em;
}
.new-podo-opsv-wrapper .comboboxW {
  width: 35em;
}

.nonwizzart {margin-top:3em; margin-right:auto; width: calc(100% - ((120% - 800px)/2)); }
html.mobile .nonwizzart{width: 99%; }

.wizzart {margin-top:3em; margin-right:auto; width: calc(100% - ((120% - 1000px)/2)); }
html.mobile .wizzart{width: 99%; }

.c_loginpages .wizzart p {color: #fff;}
.wizzart .fileUploadtxt {color: #fff !important;}

.ngwizzerr  .errorfloat, .ngwizzerr .alertfloat, .ngwizzerr .infofloat {background-color: #256E8A;}
.ngwizzerr #ngErrLabel .errorfloat {background-color: #C90808;}
.ngwizzerr #ngErrLabel .alertfloat {background-color: #699540;}
.ngwizzerr #ngErrLabel .infofloat  {background-color: #F07410;}

.wizzart .btn-drag-vertical{display:none;}
.wizzart select, .wizzart textarea, .wizzart select option,
.wizzart input[type='text'], .wizzart input {font-size: 16px;height: 2em;width: 100%;border: #aaa 0px solid; display:block; background-color:#D9E5EA;text-align: left !important;opacity: 1;}
.wizzart input[disabled], .wizzart select[disabled], .wizzart textarea[disabled] {opacity: 0.6;}
.wizzart input[type="radio"][disabled]:not(:checked) {opacity: 0.4;}
.wizzart input[type="radio"][disabled]:checked {opacity: 0.7;}
@supports (-webkit-appearance:none) {/*chrome edge*/
  .wizzart input[type='radio']:checked:after {width: 8px;height: 8px;border-radius: 8px;top: -2px;left: 2px;position: relative;background-color: #777;content: '';display: inline-block;visibility: visible;opacity:0.9}
} 


.wizzart input[type='button'], .wizzart input[type='submit'] {font-size: 16px;height: 2em;width: 49.7%;margin-bottom: 1em;}
.wizzart input.btnsmall {width: 3em; }
.wizzart .inlineM10 {display: block;height: 4em;}
.wizzart select:focus, .wizzart textarea:focus, .wizzart select option:focus,
.wizzart input[type='text']:focus{background-color:#EFF4F7;}
.wizzart select:not([style^="width"]) { max-width: 100%;}
/*.wizzart select {background-size: 30px 30px;}*/
html.mobile .wizzart input[type='button']:not(.btnsmall), html.mobile .wizzart input[type='submit']:not(.btnsmall) {width: 100% !important;}

.wizzlblR {width:18em; direction: rtl;  padding-right: 1em; padding-top: 4px; }
.wizzlblRreq {width:18em; direction: rtl; display: list-item;  padding-right: 1em; list-style-position: inside;  padding-top: 4px;}

.wizzlbl {width:18em; height: 40px; padding-top: 4px; }
.wizzlblreq {width:18em; padding-right: 20px; height: 40px; padding-top: 4px;}
.wizzlineheight { height: 40px; }
.wizzlineheight1 { height: 28px; }

.wizzlblreq {list-style-type: none;padding-right: 20px;position: relative;}
.wizzlblreq:after {content: "•";position: absolute; top: 6px; right: 9px;}

.wizzlblnum {display: list-item; list-style-type: decimal; padding-left: 10px; vertical-align:middle;}

.wizzdel {width:5px; vertical-align: text-top; }

.wizzart td.td1st table {border-bottom: solid #5492a5 1pt;}

.wizzart .wizard-step-wrapper {float: left;width: 100%;margin-bottom: 30px;text-align: center;}
.wizzart .btn-wizard-step {width: 50px;height: 50px;display: inline-block;text-align: center;line-height: 50px;background-color: #1e4759;margin-right: 10px;border-radius: 50%;color: #d2dadd;text-decoration: none !important;}

.wizzartwhite table td {line-height:2em;}
.wizzartwhite .wizard-step-wrapper {float: left; margin-bottom: 30px; margin-left: 5em;}
.wizzartwhite .btn-wizard-step {width: 50px;height: 50px;display: inline-block; text-align: center; line-height: 50px;background-color: #1e4759;margin-right: 10px;border-radius: 50%;color: #d2dadd;text-decoration: none !important;}
.wizzartwhite div.wizzdiv {margin: 1em;  text-align: center; width: 90px; }
.wizzartwhite .btn-wizard-step {margin-right: 10px;}


.wizzartwhite .btn-wizard-step::after {
  content: '';
  width: 59px;
  height: 1px;
  background: #E3E3E3;
  display: block;
  position: relative;
  top: -4.2em;
  left: 100px;
  margin-top: 35px;
  margin-left: -45px;
}

.wizzartwhite .btn-wizard-step-last::after {
    content:none !important;
}

.wizzart .tbllinedel {margin-top: 8px;}

.wizzartwhite .infocircle {
	width: 33px;
	height: 33px;
	display: inline-block;
	text-align: center;
	line-height: 33px;
	background-color: #d4dcdf;
	margin-right: 10px;
	border-radius: 50%;
	color: #232323;
	text-decoration: none !important;
}

html.mobile .wizzartwhite .infocircle {
	width: 22px; 
	height: 22px;
	line-height: 22px !important;
  margin-right: 0; 
  font-size: smaller;
  line-height: inherit;
}

  .card {background-color: #1c4c970d ; padding: 0.9rem; height: 6.6rem;/* border-radius: 6%;*/}
  .card.oneline {height: 3.6rem; padding-top: 5px; }
  .card.oneline.empty {background-color: Transparent; width:192px; }

  .card.year {height: 3.6rem; padding-top: 5px; width:4em;}
  .card span {margin-right: 0.8rem;}
  .cards {margin: 0 auto; display: grid; gap: 0.3rem;}

  @media (min-width: 300px) {.cards { grid-template-columns: repeat(2, 1fr); }}
  @media (min-width: 600px) {.cards { grid-template-columns: repeat(3, 1fr); }}
  @media (min-width: 900px) {.cards { grid-template-columns: repeat(4, 1fr); }}
  @media (min-width: 1200px) {.cards { grid-template-columns: repeat(5, 1fr); }}

  select:invalid { color: gray; }
  .optionempty { color: gray; }

  .cards table.tablecard table td {line-height: 1.1em;}
  .cards table.tablecard td {padding: 0;font-size: 13.8px;vertical-align: middle;}

  .card1 {background-color: #1c4c970d; padding: 0.9rem; height: 6.6rem; display: inline-block; margin-right:0.3rem;}
  .card1.oneline {height: 3.6rem; padding-top: 5px; }
  .card1.year {height: 3.6rem; padding-top: 5px; width:4em;}
  .card1 span {margin-right: 0.8rem;}
  .card1s {margin: 0 auto; display: grid; gap: 0.3rem;}

  .card1s table.tablecard table td {line-height: 1.1em;}
  .card1s table.tablecard td {padding: 0;font-size: 13.8px;vertical-align: middle;}

/* 3 typs div tables */
.float-tbl {width: fit-content;}
.floatleft {float: left; padding-left: 5px;}  
.float-tfoot  {height: 2em; padding-right: 5px;}
.float-tbl_w { width: 36em !important; }
.float-tbl_tdw { width: 33em !important; }
.float-tbl_itemw { width: 30em !important; }

html.mobile .float-tbl_w { width: 22em !important; }
html.mobile .float-tbl_tdw { width: 19em !important; }
html.mobile .float-tbl_itemw { width: 16em !important; }



.grid-container {display: grid; grid-template-columns: 1fr 1fr; grid-gap: 5px;}
.flex-container {display: flex;}
.flex-child {flex: 1;}  
.flex-child:first-child {margin-right: 5px;} 

.mobile .wizzart .btn-wizard-step {width: 25px;height: 25px;line-height: 25px;}
/*.mobile .wizzartwhite .btn-wizard-step {width: 40px;height: 40px;line-height: 40px;}*/

.wizzart .wizard-step-taxpayername {font-size: 26px;}
.wizzart .wizard-step-month-ddl {width: 49.5%;display: inline-block;}
.wizzart .wizard-step-relation-ddl {width: 80%;display: inline-block;}

.wizzart .wizard-step-relation-help {
  display: inline-block;
  text-decoration: none !important;
  background-color: #D9E5EA;
  width: 35px;
  height: 35px;
  text-align: center;
  line-height: 35px;
  margin-left: 20px;
  border-radius: 50%;
}

a.wizard-step-relation-help[href^="javascript:Swap"]:after {background-position-x: 7px;background-size: 18px 18px;}
.wizzart .wizard-text {font-size: 22px;}
.wizzart .first td {font-size: 22px; padding-left: 0.5em;}
.wizzart ._tblw .first td {background-color: #1D566D;}

.wizzart #ngdivPnlErr .first td {font-size: 18px; }

.c_loginpages .wizzart .dropdown-menu a {color: #333 !important;}
.c_loginpages .wizzart .dropdown-menu > .active > a {color: #fff !important;}
.c_loginpages .wizzart input[type='checkbox'], .c_loginpages .wizzart input[type='radio'] {background-color: transparent;width: 13px;height: 18px;}

.edp-ddinput .dropdown-menu {max-height: 18em; overflow: auto;}
.edp-ddinput .icon-edpicon-close {cursor: pointer; color: #2D7C9A; vertical-align: baseline; white-space:nowrap;}
.edp-ddinput li.icon-edpicon-close {text-align: right; padding-right: 6px; line-height: 8px;}
.edp-ddinput {white-space:nowrap;}
.edp-inputx  {display:inline; white-space:nowrap;}
.edp-inputx .icon-edpicon-close {cursor: pointer; color: #2D7C9A; vertical-align: middle; white-space:nowrap; display:inline; padding-left:3px}
.edp-selectx  {display:inline; white-space:nowrap;}
.edp-selectx .icon-edpicon-close {cursor: pointer; color: #2D7C9A; vertical-align: middle; white-space:nowrap; display:inline; padding-left:3px}

.dropdown-tree .dropdown-menu .icon-edpicon-close {cursor: pointer; color: #2D7C9A; vertical-align: baseline; white-space:nowrap;}
.dropdown-tree .dropdown-menu li.icon-edpicon-close  {height:0.8em; text-align: right; }

.edp-ddinputng .dropdown-menu {max-height: 18em; overflow: auto;}

.edp-datebox {}
.edp-currencybox {text-align:right;}
.edp-numberbox {}
.edp-percentagebox{text-align:right;}

table .tblbtn .ajax-loader{vertical-align:sub; padding-top:3px;}

.bgpadd1 {border-left-color: #f1f1f1; border-left-style: solid;border-left-width: 2em;}
.bgpadd2 {border-left-color: #f1f1f1; border-left-style: solid;border-left-width: 4em;}
.bgpadd3 {border-left-color: #f1f1f1; border-left-style: solid;border-left-width: 6em;}

.c_loginpages #page-content-wrapper a.wizard-linkbutton {
  color: #D2DADD;
  background-color: #1E4759;
  text-decoration: none;
  display: inline-block;
}

table.wizard-table  td{
  padding: 6px;
}

.wizzart a.help, .c_loginpages a.help {
  background-image: url(img/edpicon-vprasaj-white.png);
}


.c_loginpages #page-content-wrapper a.wizard-linkbutton-first {
  margin-bottom: 4px;
}

register p {  line-height: 8px; }
register p a.hh2 { margin-left:1em; font-size:medium}
register p a.hh3 { margin-left:2em; font-size:small}

/*** SECURITY ELEMENTS ***/

a.securityrefresh {
  cursor: pointer;
  padding: 6px 15px 6px 28px;
  background-image: url("img/refresh.svg");
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: left;
  padding-right: 30px;
  margin-right: 0.6em;
}

a.securityplay {
  cursor: pointer;
  padding: 6px 15px 6px 28px;
  background-image: url("img/play.svg");
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: left;
  padding-right: 30px;
  margin-right: 0.6em;
}

a.securityrefreshwhite {
  cursor: pointer;
  padding: 6px 15px 6px 28px;
  background-image: url("img/refreshWhite.svg");
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: left;
  padding-right: 30px;
  margin-right: 0.6em;
}

a.securityplaywhite {
  cursor: pointer;
  padding: 6px 15px 6px 28px;
  background-image: url("img/playWhite.svg");
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: left;
  padding-right: 30px;
  margin-right: 0.6em;
}

/* --------------------------------------------------------------------------------------------------------------*/

.dpzDocTitleHeader {
  padding-left: 24px;
  padding-right: 25px;
}

.dpzDocumentTitleBox {
  display: flex;
  padding: 0px 0px 48px 0px;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px}

.dpzViewTitle {
  color: #000;
  /* Heading/Medium */
  /*font-family: Republika;*/
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 46px; /* 115% */
}


.dpzTabletittleBox {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 25px;
  margin-bottom: 15px;
}

.dpzDivEntryTittle {
  color: #000;
  /*font-family: Republika;*/
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* 120% */
}

.dpzSelectBox {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}

.dpzSelectFilter {
  display: flex;
  /*padding: 12px 16px;*/
  align-items: center;
  align-self: stretch;
}
select.dpzSelectFilter {
  /*max-width: unset;*/
}

label.dpzSelectFilterLabel {
  color: #505050;
  /*font-family: Republika;*/
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
}

/* START DIVTABLES  Novi stil tabel za tabele samo z div elementi */
.divtables {
  display: flex;
  flex-direction: column;
  margin: 0px 25px;
  padding: 0;
}

/* --------------------------------------------------------------------------------------------------------------- */
/* General table styling */
.divtables .divtable {
  display: table;
  width: 100%;
  border-radius: var(--radius-s, 0px);
  border: 0px solid #929292;
}

.divtables .divrow {
  display: table-row;
}

.divtables .divrow.diventry.summary {
    border: 1px solid #ccc;
}

.divtables .divtable.summary.tablet {
  display: none;
}

.divtables .divcell {
  display: table-cell;
  padding: 8px;
  /*color:  #141515;*/
  /*font-family: Republika;*/
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
  border: 1px solid #ccc;
  border-right-width: 0px;
  border-left-width: 0px;
}

.divtables .divcell.first {
  border-left: 1px solid #ccc;
}

.divtables .divcell.last {
  border-right: 1px solid #ccc;
}

.divtables .divcell.sumheader.empty {
  border: 0px solid #ccc;
  border-top-width: 1px;
}
/* .divtables .divcell.bold {
} */

.divtables .divcell.sumheader {
  text-align: right;
  /*color: #000;*/
  /*font-family: Republika;*/
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px; /* 100% */
  border: 0px solid #ccc;
  border-top-width: 1px;
}

.divcell.sumheader.first {
  border: 1px solid #ccc;
  border-right-width: 0px;
}

.divcell.sumheader.last {
  border: 1px solid #ccc;
  border-left-width: 0px;
}

.divtables .divcell.sumdata {
  border: 1px solid #ccc;
  border-right-width: 0px;
  border-left-width: 0px;
}
.divtables .divcell.sumdata.last {
  border: 1px solid #ccc;
  border-left-width: 0px;
}

.divtables .divheader {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px; /* 150% */
  border-bottom: 0px solid #ccc;
}

.divtables .divheader.first {
  border: 1px solid #ccc;
  border-right-width: 0px;
  border-bottom-width: 0px;
}

.divtables .divheader.last {
  border: 1px solid #ccc;
  border-bottom-width: 0px;
  border-left-width: 0px;
}

.divtables .decimal {
  text-align: right;
}

.summary-table.tablet {
  display: none; /* Ensures block layout for the table */
}

.divtables .divcell.details. {
  border: none;
}
.divtables .divcell.divheader.details {
  border: none;
}
.divtables .divcell.divheader.details.first {
  border: 0px solid #ccc;
  border-left-width: 1px;
}

.divtables .divcell.divheader.details.last {
  border: 0px solid #ccc;
  border-right-width: 1px;
}


.divtables .divcell.details {
  border: 0px solid #ccc;
  border-bottom-width: 1px;
}

.divtables .divcell.details.first {
  border: 0px solid #ccc;
  border-bottom-width: 1px;
  border-left-width: 1px;
}

.divtables .divcell.details.last {
  border-top-style: solid;
  border-top-color: #ccc;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #ccc;
  border-left-width: 0px;
  border-left-style: solid;
  border-left-color: #ccc;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ccc;
}

.divtables .divcell.details.last {
  border-top-width: 0px;
}

.divtables .divcell.details-open {
  border-bottom: 0px solid #ccc;
}


.divtables .divcell.details.mobile {
  display: none;
}


@media (min-width: 1025px) {
  .diventry:hover {
    background-color: #f9f9f9; /* Light background on hover */
    cursor: pointer;
  }
}

@media (max-width: 1024px) {
  .divtables .divcell::before {
    content: attr(data-label);
    display: block;
    margin-bottom: 5px;
    color: #505050;
    font-variant-numeric: lining-nums tabular-nums;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
  }
}

/* Responsive layout for tablet screens between 481px and 1024px */
@media (min-width: 577px) and (max-width: 1024px) {
  .divtables .divtable {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border: 0px;
  }

  .divtables .divrow.divheader.details.normal {
    display: none;
  }
  .divtables .divrow.diventry.details.normal {
    display: none;
  }
  .divtables .divcell.details.mobile {
    display: block;
  }

  .divtables .divcell.showhide-column{
    display: none;
  }

  .divtables .divcell.details.first,
  .divtables .divcell.details.last,
  .divtables .divcell.details {
    border: none;
  }

  .divtables .diventry {
    display: flex;
    flex-direction: column;
    width: 49%;
    /* 50% width with small margin for spacing */
    /* Spacing between columns */
    border: 1px solid #ccc;
    border-radius: var(--radius-s, 8px);
    margin: 0%;
    margin-bottom: 12px;
  }
  .divtables .divcell.first {
    border-left: 0px solid #ccc;
  }

  .divtables .divrow.diventry.summary {
    display: none;
  }

  .divtables .divrow.diventry.summary.tablet {
    display: flex;
    width: 80%;
  }

  .divtables .divtable.summary.tablet {
    display: table;
    width: 75%; /* Adjusted to 75% of the available row space */
    border-radius: var(--radius-s, 0px);
    border: 0px solid #929292;
    background: #F4F3D7;
  }

  .divtables .divcell.bold {
    font-variant-numeric: lining-nums tabular-nums;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
  }

  .divtables .divcell {
    display: block;
    position: relative;
    border: 0px;
    font-variant-numeric: lining-nums tabular-nums;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
  }

  .divtables .divcell.decimal {
    text-align: left;
  }
  
  .divtables .divcell.decimal.bold {
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
    text-align: left;
  }

  /* Hide header row */
  .divtables .divheader {
    display: none;
  }

  .divtables .divcell.last {
    border: 0px;
  }
  /* --------------------------------------------------------------------------------------------------------------*/
  /* START SUMMARY TABLE*/
  /* Container for the summary table */
  .summary-table.tablet {
    display: block; /* Ensures block layout for the table */
    width: 75%; /* Use full width */
    margin: 0px; /* Add spacing around the summary table */
    background: #F4F3D7;
  }

  /* Styling for each row in the summary table */
  .divtables .summary-row {
    display: flex;
    flex-direction: column; /* Default column layout for small screens */
  }

  /* Each cell contains the label and value */
  .divtables .summary-cell {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background-color: #F4F3D7; /* Optional light background */
    border: 0px solid #ccc; /* Border around each cell */
    border-radius: 0px; /* Rounded corners */
    padding: 8px 24px;
    /*align-items: center;*/
    /*align-self: stretch;*/
  }

  /* Styling for the label */
  .divtables .summary-label {
    color: #505050;
    /*font-family: Republika;*/
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 100% */
    padding: 0px 0px;
  }

  .divtables .summary-label.bold {
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px; /* 100% */
  }

  /* Styling for the value */
  .divtables .summary-value {
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px; /* 100% */
  }

  /* END SUMMARY TABLE*/
}

/* Responsive layout for smaller screens (up to 480px) */
@media (max-width: 576px) {

  select:not([style^="width"]) {
    max-width: 20em;
  }
  
  .divtables .divrow.divheader.details.normal {
    display: none;
  }
  .divtables .divrow.diventry.details.normal {
    display: none;
  }
  .divtables .divcell.details.mobile {
    display: block;
  }

  .divtables .divcell.showhide-column{
    display: none;
  }

  .divtables .divcell.details.first,
  .divtables .divcell.details.last,
  .divtables .divcell.details {
    border: none;
  }
  
  .divtables .divtable.normal {
    display: block;
  }
  .divtables .divtable.mobile {
    display: flex;
  }
  .divtables .divtable {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    border: 0px;
  }

  .divtables .diventry {
    display: block;
    width: 100%;
    /* Single column layout for small screens */
    margin-bottom: 1em;
    border-radius: var(--radius-s, 8px);
    border: 1px solid #A6A6A6;
  }

  .divtables .divcell.bold {
    /*color: #141515;*/
    font-variant-numeric: lining-nums tabular-nums;
    /*font-family: Republika;*/
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
  }

  .divtables .divcell {
    display: block;
    position: relative;
    border: 0px;
    /*color: #141515;*/
    font-variant-numeric: lining-nums tabular-nums;
    /*font-family: Republika;*/
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
  }

  .divtables .divcell.decimal {
    text-align: left;
  }

  .divtables .divcell.decimal.bold {
    /*color: #141515;*/
    font-family: Republika;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
    text-align: left;
  }
  
  /* Hide header row */
  .divtables .divheader {
    display: none;
  }
  .divtables .divrow.diventry.footer {
    display: none;
  }

  .divtables .divcell.last {
    border: 0px;
  }
  
  /* --------------------------------------------------------------------------------------------------------------*/
  /* START SUMMARY TABLE*/
  /* Container for the summary table */

  .divtables .divrow.diventry.summary {
    display: none;
  }

  .summary-table.tablet {
    display: block; /* Ensures block layout for the table */
    width: 100%; /* Use full width */
    margin: 0px; /* Add spacing around the summary table */
    background: #F4F3D7;
  }

  /* Styling for each row in the summary table */
  .summary-row {
    display: flex;
    flex-direction: column; /* Default column layout for small screens */
    gap: 0px; /* Spacing between rows */

  }

  .summary-cell {
    display: flex;
    flex-direction: column;
    align-items: flex-start; /* Align items to the left */
    justify-content: space-between;
    background-color: #F4F3D7; /* Optional light background */
    border: 0px solid #ccc; /* Border around each cell */
    border-radius: 0px; /* Rounded corners */
    padding: 8px 24px;
    align-self: stretch;
  }

  .summary-label {
    text-align: left;
    margin-bottom: 4px; /* Adds space between label and value */

    color: #505050;
    /*font-family: Republika;*/
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 100% */
    padding: 0px 0px;
  }

  .summary-value {
    text-align: left; /* Align value to the left */
    /*color: #141515;*/
    /*font-family: Republika;*/
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px; /* 100% */
  }


  /* Styling for the label */
  .summary-label {
    color: #505050;
    /*font-family: Republika;*/
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 100% */
    padding: 0px 0px;
  }

  .summary-label.bold {
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px; /* 100% */
  }


  /*END SUMMARY*/
}

/* END DIVTABLES */

/*START CUSTOM DROP DOWN*/
.dropdown-custom-select {
  position: relative;
  width: 100%;
  /*max-width: 50em;*/
  z-index: 5000;
}

.dropdown-selected-option {
  display: flex;
  align-items: center;
  width: 50em; /* Default width */
  max-width: 80vw; /* Ensures it does not exceed 80% of the viewport */
  padding: 12px 16px;
  border: 1px solid #ccc;
  cursor: pointer;
  background: #fff;
  position: relative;
  overflow: hidden; /* Prevents wrapping */
  white-space: nowrap; /* Ensures text stays in one line */
}

/* Ensure the text does not wrap, and the arrow remains in place */
.dropdown-selected-option span {
  flex: 1; /* Takes up available space */
  white-space: nowrap; /* Prevents text from wrapping */
  overflow: hidden; /* Hides overflowing text */
  text-overflow: ellipsis; /* Adds "..." when text is too long */
  padding-right: 40px; /* Ensures space for the arrow */
}
/* Keep the arrow at the end and above the text */
.dropdown-selected-option::after {
  content: "";
  position: absolute;
  right: 0px;
  width: 25px;
  height: 25px;
  background-size: contain;
  background: #fff url(img/dropdown_arrow.svg) no-repeat center;
  z-index: 10; /* Ensures arrow stays above text */
  pointer-events: none; /* Allows clicks to pass through */
}


.dropdown-options-list {
  position: absolute;
  background: white;
  border: 1px solid #ccc;
  width: 100%; /* Match the select width */
  list-style: none;
  padding: 0;
  margin: 0;
  z-index: 50000;

  /* Enable scrolling when too many options */
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
}

/* Optional: Style the scrollbar */
.dropdown-options-list::-webkit-scrollbar {
  width: 6px; /* Thin scrollbar */
}

.dropdown-options-list::-webkit-scrollbar-thumb {
  background: #ccc; /* Gray color */
  border-radius: 3px;
}

.dropdown-options-list::-webkit-scrollbar-track {
  background: #f0f0f0; /* Light background */
}

.dropdown-options-list li {
  padding: 8px 15px;
  cursor: pointer;
  white-space: normal;
}

.dropdown-options-list li:hover {
  background: #f0f0f0;
}

.jsonDataTabs {
  display: flex;
  flex-wrap: wrap;
  max-width: 2000px;
  cursor: pointer;
  margin-bottom: 10px;
}

.jsonDataTab {
  padding: 10px;
  border: 1px solid #ccc;
  margin-right: 5px;
}

.jsonDataTab.active {
  color: whitesmoke;
  font-weight: bold;
  background-color: deepskyblue;
}

.jsonDataTab-content {
  border: 1px solid #ccc;
  padding: 10px;
  display: none;
}

.jsonDataTab-content.active {
  display: block;
}

@media (max-width: 1024px) {
  .dropdown-selected-option,
  .dropdown-options-list {
    width: 80vw;
    max-width: 80vw;
  }
}

@media (max-width: 375px) {

  .dropdown-selected-option {
    width: 80vw;  /* 100% of the viewport width */
    max-width: 80vw; /* Ensure it doesn't exceed 90% */
  }

  .dropdown-options-list {
    width: 100%;
  }
}
/*END CUSTOM DROP DOWN*/